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

静态页面也可以实现预览列表不同的显示方式[原创]_javascript技巧

php中文网

发布： 2016-05-16 19:25:18

原创

1332人浏览过

为了方便查看内容，我特别加了个 预览列表 两个列表显示方式
写于2006-10月，转载请写明出处本站

AI Word

一款强大的 AI 智能内容创作平台，致力于帮助用户高效生成高质量、原创且符合 SEO 规范的各类文章。

226

查看详情

复制代码代码如下:

//用于列表显示方式 
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 
{ 
the 
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、调用方法：

复制代码代码如下:

3、附poplist.js

复制代码代码如下:

try{ 
var dxynum=getCookie("num"); 
changeshow(dxynum); 
} 
catch(e){ 

}

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

大家都在看：

使用JavaScript动态管理HTML元素类名：自动化移除与持久化修改 JavaScript游戏开发基础_JavaScript游戏引擎使用前端国际化_javascript多语言支持 Next.js数据获取策略：SSG、SSR与客户端渲染的最佳实践 javascript_如何实现SSR渲染

静态页面也可以实现预览 列表不同的显示方式[原创]_javascript技巧

大家都在看：

静态页面也可以实现预览列表不同的显示方式[原创]_javascript技巧