静态页面也可以实现预览 列表不同的显示方式

      2019-10-25 23:52      编程语言
为了方便查看内容,我特别加了个 预览 列表 两个列表显示方式
写于2006-10月,转载请写明出处 本站
复制代码 代码如下:
//用于列表显示方式
functionchangeshow(num){
varthenum=num,thestyle;
if(num==1){
thestyle="none";
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
{
thestyle=""
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){

}

具体应用:///html/list/list_1_1.htm