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


Posted in Javascript onOctober 14, 2006

为了方便查看内容,我特别加了个 预览 列表 两个列表显示方式
写于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=='3water'){ 
       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=3water>字样,当然你也可以随意更改注意
上述代码中的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://3water.com/html/list/list_1_1.htm
Javascript 相关文章推荐
js输出阴历、阳历、年份、月份、周示例代码
Jan 29 Javascript
jQuery的deferred对象详解
Nov 12 Javascript
JavaScript函数作用域链分析
Feb 13 Javascript
JavaScript中setUTCFullYear()方法的使用简介
Jun 12 Javascript
学习JavaScript设计模式(接口)
Nov 26 Javascript
基于JS实现导航条flash导航条
Jun 17 Javascript
JavaScript省市区三级联动菜单效果
Sep 21 Javascript
基于node.js依赖express解析post请求四种数据格式
Feb 13 Javascript
js 发布订阅模式的实例讲解
Sep 10 Javascript
React SSR样式及SEO的实践
Oct 22 Javascript
使用imba.io框架得到比 vue 快50倍的性能基准
Jun 17 Javascript
vue router 跳转时打开新页面的示例方法
Jul 28 Javascript
动态加载js文件 document.createElement
Oct 14 #Javascript
不错的asp中显示新闻的功能
Oct 13 #Javascript
简单JS代码压缩器
Oct 12 #Javascript
jQuery 1.0.2
Oct 11 #Javascript
Firefox 无法获取cssRules 的解决办法
Oct 11 #Javascript
Google Suggest ;-) 基于js的动态下拉菜单
Oct 11 #Javascript
JS中style属性
Oct 11 #Javascript
You might like
php解析http获取的json字符串变量总是空白null
2015/03/02 PHP
javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
2009/02/04 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
2015/08/04 Javascript
Document.body.scrollTop的值总为零的快速解决办法
2016/06/09 Javascript
基于JS实现导航条之调用网页助手小精灵的方法
2016/06/17 Javascript
Bootstrap三种表单布局的使用方法
2016/06/21 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
JavaScript基础进阶之数组方法总结(推荐)
2017/09/04 Javascript
详解js的作用域、预解析机制
2018/02/05 Javascript
vue中实现移动端的scroll滚动方法
2018/03/03 Javascript
jQuery模拟12306城市选择框功能简单实现方法示例
2018/08/13 jQuery
详解微信UnionID作用
2019/05/15 Javascript
世界上最短的数字判断js代码
2019/09/09 Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
2020/05/15 Javascript
js实现无刷新监听URL的变化示例代码详解
2020/06/03 Javascript
[01:01:42]Secret vs Optic Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
python django 访问静态文件出现404或500错误
2017/01/20 Python
python操作xlsx文件的包openpyxl实例
2018/05/03 Python
Anaconda 离线安装 python 包的操作方法
2018/06/11 Python
Python 2.7中文显示与处理方法
2018/07/16 Python
python飞机大战pygame游戏背景设计详解
2019/12/17 Python
python自动化测试三部曲之unittest框架的实现
2020/10/07 Python
python中delattr删除对象方法的代码分析
2020/12/15 Python
PyCharm+Miniconda3安装配置教程详解
2021/02/16 Python
Expedia马来西亚旅游网站:廉价酒店,度假村和航班预订
2016/07/26 全球购物
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
英国最大的化装舞会服装网站:Fancydress.com
2017/08/15 全球购物
会计专业毕业生推荐信
2013/11/05 职场文书
学校爱心捐款倡议书
2014/05/13 职场文书
公安学专业求职信
2014/07/27 职场文书
2014年安全工作总结范文
2014/11/13 职场文书
工作简历自我评价
2015/03/11 职场文书
信息技术远程培训心得体会
2016/01/09 职场文书
2019年教师入党申请书
2019/06/27 职场文书
解决Windows Server2012 R2 无法安装 .NET Framework 3.5
2022/04/29 Servers