靜態(tài)頁面也可以實(shí)現(xiàn)預(yù)覽 列表不同的顯示方式 原創(chuàng)
原創(chuàng) 更新時(shí)間:2006年10月14日 00:00:00 原創(chuàng) 作者:
為了方便查看內(nèi)容,我特別加了個 預(yù)覽 列表 兩個列表顯示方式
寫于2006-10月,轉(zhuǎn)載請寫明出處 腳本之家
//用于列表顯示方式
function changeshow(num){
var thenum=num,thestyle;
if (num==1){
thestyle="none";
setCookie("num","1",6)
var elements1=document.getElementsByTagName("div");
for(var i=0;i<elements1.length;i++){
if(elements1[i].id=='dxy'){
elements1[i].className='info2';
}
}
}else
{
thestyle=""
setCookie("num","0",6)
var elements2=document.getElementsByTagName("div");
for(var i=0;i<elements2.length;i++){
if(elements2[i].id=='dxy'){
elements2[i].className='info';
}
}
}
var elements=document.getElementsByTagName("div");
for(var i=0;i<elements.length;i++){
if(elements[i].id=='jb51'){
if(elements[i].style.display!=thestyle){
elements[i].style.display=thestyle;
}
}
}
}
function setCookie(name, value) //cookies設(shè)置JS
{
var argv = setCookie.arguments;
var argc = setCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
if(expires!=null)
{
var LargeExpDate = new Date ();
LargeExpDate.setTime(LargeExpDate.getTime() + (expires*1000*3600*24));
}
document.cookie = name + "=" + escape (value)+((expires == null) ? "" : ("; expires=" +LargeExpDate.toGMTString()));
}
function getCookie(Name) //cookies讀取JS
{
var search = Name + "="
if(document.cookie.length > 0)
{
offset = document.cookie.indexOf(search)
if(offset != -1)
{
offset += search.length
end = document.cookie.indexOf(";", offset)
if(end == -1) end = document.cookie.length
return unescape(document.cookie.substring(offset, end))
}
else return ""
}
}
PS:
1、你的生成靜態(tài)的文件中要有<div id=jb51>字樣,當(dāng)然你也可以隨意更改注意
上述代碼中的var elements=document.getElementsByTagName("div");
代碼
2、調(diào)用方法:
<script type=text/javascript language=javascript src="list.js"></script>
3、附poplist.js
try{
var dxynum=getCookie("num");
changeshow(dxynum);
}
catch(e){
}
具體應(yīng)用:http://www.fzitv.net/html/list/list_1_1.htm
寫于2006-10月,轉(zhuǎn)載請寫明出處 腳本之家
復(fù)制代碼 代碼如下:
//用于列表顯示方式
function changeshow(num){
var thenum=num,thestyle;
if (num==1){
thestyle="none";
setCookie("num","1",6)
var elements1=document.getElementsByTagName("div");
for(var i=0;i<elements1.length;i++){
if(elements1[i].id=='dxy'){
elements1[i].className='info2';
}
}
}else
{
thestyle=""
setCookie("num","0",6)
var elements2=document.getElementsByTagName("div");
for(var i=0;i<elements2.length;i++){
if(elements2[i].id=='dxy'){
elements2[i].className='info';
}
}
}
var elements=document.getElementsByTagName("div");
for(var i=0;i<elements.length;i++){
if(elements[i].id=='jb51'){
if(elements[i].style.display!=thestyle){
elements[i].style.display=thestyle;
}
}
}
}
function setCookie(name, value) //cookies設(shè)置JS
{
var argv = setCookie.arguments;
var argc = setCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
if(expires!=null)
{
var LargeExpDate = new Date ();
LargeExpDate.setTime(LargeExpDate.getTime() + (expires*1000*3600*24));
}
document.cookie = name + "=" + escape (value)+((expires == null) ? "" : ("; expires=" +LargeExpDate.toGMTString()));
}
function getCookie(Name) //cookies讀取JS
{
var search = Name + "="
if(document.cookie.length > 0)
{
offset = document.cookie.indexOf(search)
if(offset != -1)
{
offset += search.length
end = document.cookie.indexOf(";", offset)
if(end == -1) end = document.cookie.length
return unescape(document.cookie.substring(offset, end))
}
else return ""
}
}
PS:
1、你的生成靜態(tài)的文件中要有<div id=jb51>字樣,當(dāng)然你也可以隨意更改注意
上述代碼中的var elements=document.getElementsByTagName("div");
代碼
2、調(diào)用方法:
復(fù)制代碼 代碼如下:
<script type=text/javascript language=javascript src="list.js"></script>
3、附poplist.js
復(fù)制代碼 代碼如下:
try{
var dxynum=getCookie("num");
changeshow(dxynum);
}
catch(e){
}
具體應(yīng)用:http://www.fzitv.net/html/list/list_1_1.htm
相關(guān)文章
echarts實(shí)現(xiàn)晶體球面投影的實(shí)例教程
這篇文章主要給大家介紹了關(guān)于echarts實(shí)現(xiàn)晶體球面投影的相關(guān)資料,文中介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
JS獲取浮動(float)元素的style.left值為空的快速解決辦法
這篇文章主要介紹了JS獲取浮動(float)元素的style.left值為空的快速解決辦法,非常不錯,具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02
Bootstrap CSS組件之面包屑導(dǎo)航(breadcrumb)
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS組件之面包屑導(dǎo)航(breadcrumb),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12
原生javascript實(shí)現(xiàn)圖片輪播效果代碼
前幾天用jquery做了一個JS的圖片輪播效果,現(xiàn)在用原生的javascript代碼實(shí)現(xiàn)同樣的功能,當(dāng)練習(xí)用吧,代碼寫得不是很滿意。2010-09-09
javascript面向?qū)ο笾L問對象屬性的兩種方式分析
這篇文章主要介紹了javascript面向?qū)ο笾L問對象屬性的兩種方式分析,實(shí)例分析了直接訪問對象屬性的方式與數(shù)組訪問方式,需要的朋友可以參考下2015-01-01
用正則表達(dá)式 動態(tài)創(chuàng)建/增加css style script 兼容IE firefox
動態(tài)創(chuàng)建/增加css style script 用正則表達(dá)式 兼容IE firefox2009-03-03

