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

原创  更新时间:2006年10月14日 00:00:00   原创 作者:  
为了方便查看内容,我特别加了个 预览 列表 两个列表显示方式
写于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

相关文章

  • JS实现简单可拖动的模态框

    JS实现简单可拖动的模态框

    这篇文章主要为大家详细介绍了JS实现简单可拖动的模态框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 令按钮悬浮在(手机)页面底部的实现方法

    令按钮悬浮在(手机)页面底部的实现方法

    下面小编就为大家带来一篇令按钮悬浮在(手机)页面底部的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • javascript中this的用法实践分析

    javascript中this的用法实践分析

    这篇文章主要介绍了javascript中this的用法,结合具体实例形式总结分析了javascript中this各种常见的功能、用法及相关操作注意事项,需要的朋友可以参考下
    2019-07-07
  • JavaScript 应用类库代码

    JavaScript 应用类库代码

    S.Sams Lifexperience CopyRight (C) 2003-2007 S.Sams Lifexperience ScriptClassLib MSNLive: S.Sams#msn.com Update by : 2007-01-19 转载传播请保留版权
    2008-06-06
  • Bootstrap实现渐变顶部固定自适应导航栏

    Bootstrap实现渐变顶部固定自适应导航栏

    这篇文章给大家介绍了Bootstrap实现渐变顶部固定自适应导航栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • uniapp下单选框的实现方法详解

    uniapp下单选框的实现方法详解

    在写表单的时候,总会遇到使用单选框或者复选框的时候,下面这篇文章主要给大家介绍了关于uniapp下单选框实现的相关资料,需要的朋友可以参考下
    2022-08-08
  • JavaScript常见事件源与事件流的获取方法及解析

    JavaScript常见事件源与事件流的获取方法及解析

    这篇文章主要为大家介绍了JavaScript常见事件源与事件流的获取方法及解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • 微信小程序地图绘制线段并且测量(实例代码)

    微信小程序地图绘制线段并且测量(实例代码)

    这篇文章主要介绍了微信小程序地图绘制线段并且测量,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • 使用javascript获取flash加载的百分比的实现代码

    使用javascript获取flash加载的百分比的实现代码

    使用javascript获取flash加载的百分比的实现代码,方便flash小游戏判断页面,提高用户体验。
    2011-05-05
  • 基于JS实现文字转语音即文本朗读

    基于JS实现文字转语音即文本朗读

    这篇文章主要为大家详细介绍了JavaScript如何利用SpeechSynthesis实现文字转语音即文本朗读的功能,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-10-10

最新评论