当前位置: 首页 > 图文教程 > 网络编程 > Javascript > [原创]静态页面也可以实现预览 列表不同的显示方式

Javascript
非常不错的 子鼠 滑动图片效果 Javascript+CSS
Mozilla 表达式 __noSuchMethod__
javascript 获取图片颜色
JavaScript 在各个浏览器中执行的耐性
在JavaScript中,为什么要尽可能使用局部变量?
javascript 日历提醒系统( 兼容所有浏览器 )
常用JS代码实例小结
jQuery 插件 将this下的div轮番显示
网页特效从下往上过渡 共享图库_最新图片
由document.body和document.documentElement想到的
JavaScript获取GridView中用户点击控件的行号,列号
jQuery 入门讲解1
百度 popup.js 完美修正版非常的不错
jQuery autocomplete插件修改
jQuery对象和DOM对象相互转化
javascript 人物逼真行走,已完成
基于jQuery图片平滑连续滚动插件
ie 调试javascript的工具
ExtJS 2.0实用简明教程 之Border区域布局
ExtJS 2.0实用简明教程 之Ext类库简介

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 179 ::
收藏到网摘: n/a

为了方便查看内容,我特别加了个 预览 列表 两个列表显示方式
写于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){
}

具体应用:http://www.ruanchen.com/"http://www.ruanchen.com/">