靜態(tài)頁面也可以實現(xiàn)預(yù)覽 列表不同的顯示方式 原創(chuàng)
原創(chuàng) 更新時間: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://m.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://m.fzitv.net/html/list/list_1_1.htm
相關(guān)文章
JS獲取浮動(float)元素的style.left值為空的快速解決辦法
這篇文章主要介紹了JS獲取浮動(float)元素的style.left值為空的快速解決辦法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-02-02
Bootstrap CSS組件之面包屑導(dǎo)航(breadcrumb)
這篇文章主要為大家詳細介紹了Bootstrap CSS組件之面包屑導(dǎo)航(breadcrumb),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12
javascript面向?qū)ο笾L問對象屬性的兩種方式分析
這篇文章主要介紹了javascript面向?qū)ο笾L問對象屬性的兩種方式分析,實例分析了直接訪問對象屬性的方式與數(shù)組訪問方式,需要的朋友可以參考下2015-01-01
用正則表達式 動態(tài)創(chuàng)建/增加css style script 兼容IE firefox
動態(tài)創(chuàng)建/增加css style script 用正則表達式 兼容IE firefox2009-03-03

