静态页面也可以实现预览列表不同的显示方式[原创]_javascript技巧
来源:懂视网
责编:小采
时间:2020-11-27 20:33:32
静态页面也可以实现预览列表不同的显示方式[原创]_javascript技巧
静态页面也可以实现预览列表不同的显示方式[原创]_javascript技巧:为了方便查看内容,我特别加了个 预览 列表 两个列表显示方式写于2006-10月,转载请写明出处 脚本之家 代码如下://用于列表显示方式 function changeshow(num){ var thenum=num,thestyle; if (num==1){ thestyle=none; se
导读静态页面也可以实现预览列表不同的显示方式[原创]_javascript技巧:为了方便查看内容,我特别加了个 预览 列表 两个列表显示方式写于2006-10月,转载请写明出处 脚本之家 代码如下://用于列表显示方式 function changeshow(num){ var thenum=num,thestyle; if (num==1){ thestyle=none; se
为了方便查看内容,我特别加了个
预览 列表 两个列表显示方式
写于2006-10月,转载请写明出处 脚本之家 代码如下:
//用于列表显示方式
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
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 if(elements2[i].id=='dxy'){
elements2[i].className='info';
}
}
}
var elements=document.getElementsByTagName("div");
for(var i=0;i if(elements[i].id=='jb51'){
if(elements[i].style.display!=thestyle){
elements[i].style.display=thestyle;
}
}
}
} function setCookie(name, value) //cookies设置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、你的生成静态的文件中要有字样,当然你也可以随意更改注意
上述代码中的var elements=document.getElementsByTagName("div");
代码
2、调用方法:
代码如下:
声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
静态页面也可以实现预览列表不同的显示方式[原创]_javascript技巧
静态页面也可以实现预览列表不同的显示方式[原创]_javascript技巧:为了方便查看内容,我特别加了个 预览 列表 两个列表显示方式写于2006-10月,转载请写明出处 脚本之家 代码如下://用于列表显示方式 function changeshow(num){ var thenum=num,thestyle; if (num==1){ thestyle=none; se