欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2021-01-15 11:11:38|栏目:JavaScript代码|点击:
为了方便查看内容,我特别加了个 预览 列表 两个列表显示方式
写于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<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设置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、你的生成静态的文件中要有<div id=jb51>字样,当然你也可以随意更改注意
上述代码中的var elements=document.getElementsByTagName("div"); 
代码
2、调用方法:
复制代码 代码如下:

<script type=text/javascript language=javascript src="list.js"></script>

3、附poplist.js
复制代码 代码如下:

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

}

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

上一篇:select自定义小三角样式代码(实用总结)

栏    目:JavaScript代码

下一篇:如何对react hooks进行单元测试的方法

本文标题:静态页面也可以实现预览 列表不同的显示方式 原创

本文地址:http://www.codeinn.net/misctech/45355.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有