静态页面也可以实现预览 列表不同的显示方式 <font color=red>原创</font>_Javascript教程-查字典教程网
静态页面也可以实现预览 列表不同的显示方式 原创
静态页面也可以实现预览 列表不同的显示方式 原创
发布时间:2016-12-30 来源:查字典编辑
摘要:为了方便查看内容,我特别加了个预览列表两个列表显示方式写于2006-10月,转载请写明出处查字典教程网复制代码代码如下://用于列表显示方式...

为了方便查看内容,我特别加了个 预览 列表 两个列表显示方式

写于2006-10月,转载请写明出处 查字典教程网

复制代码 代码如下:

//用于列表显示方式

functionchangeshow(num){

varthenum=num,thestyle;

if(num==1){

the;

setCookie("num","1",6)

varelements1=document.getElementsByTagName("div");

for(vari=0;i<elements1.length;i++){

if(elements1[i].id=='dxy'){

elements1[i].className='info2';

}

}

}else

{

the

setCookie("num","0",6)

varelements2=document.getElementsByTagName("div");

for(vari=0;i<elements2.length;i++){

if(elements2[i].id=='dxy'){

elements2[i].className='info';

}

}

}

varelements=document.getElementsByTagName("div");

for(vari=0;i<elements.length;i++){

if(elements[i].id=='jb51'){

if(elements[i].style.display!=thestyle){

elements[i].style.display=thestyle;

}

}

}

}

functionsetCookie(name,value)//cookies设置JS

{

varargv=setCookie.arguments;

varargc=setCookie.arguments.length;

varexpires=(argc>2)?argv[2]:null;

if(expires!=null)

{

varLargeExpDate=newDate();

LargeExpDate.setTime(LargeExpDate.getTime()+(expires*1000*3600*24));

}

document.cookie=name+"="+escape(value)+((expires==null)?"":(";expires="+LargeExpDate.toGMTString()));

}

functiongetCookie(Name)//cookies读取JS

{

varsearch=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

returnunescape(document.cookie.substring(offset,end))

}

elsereturn""

}

}

PS:

1、你的生成静态的文件中要有<div id=jb51>字样,当然你也可以随意更改注意

上述代码中的varelements=document.getElementsByTagName("div");

代码

2、调用方法:

复制代码 代码如下:

<scripttype=text/javascriptlanguage=javascriptsrc="list.js"></script>

3、附poplist.js

复制代码 代码如下:

try{

vardxynum=getCookie("num");

changeshow(dxynum);

}

catch(e){

}

具体应用:http://www.jb51.net/html/list/list_1_1.htm

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类