靜態(tài)頁面也可以實現(xiàn)預(yù)覽 列表不同的顯示方式 原創(chuàng)
原創(chuàng) 更新時間:2006年10月14日 00:00:00 原創(chuàng) 作者:
為了方便查看內(nèi)容,我特別加了個 預(yù)覽 列表 兩個列表顯示方式
寫于2006-10月,轉(zhuǎn)載請寫明出處 腳本之家
//用于列表顯示方式
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設(shè)置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、你的生成靜態(tài)的文件中要有<div id=jb51>字樣,當然你也可以隨意更改注意
上述代碼中的var elements=document.getElementsByTagName("div");
代碼
2、調(diào)用方法:
<script type=text/javascript language=javascript src="list.js"></script>
3、附poplist.js
try{
var dxynum=getCookie("num");
changeshow(dxynum);
}
catch(e){
}
具體應(yīng)用:http://chabaoo.cn/html/list/list_1_1.htm
寫于2006-10月,轉(zhuǎn)載請寫明出處 腳本之家
復(fù)制代碼 代碼如下:
//用于列表顯示方式
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設(shè)置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、你的生成靜態(tài)的文件中要有<div id=jb51>字樣,當然你也可以隨意更改注意
上述代碼中的var elements=document.getElementsByTagName("div");
代碼
2、調(diào)用方法:
復(fù)制代碼 代碼如下:
<script type=text/javascript language=javascript src="list.js"></script>
3、附poplist.js
復(fù)制代碼 代碼如下:
try{
var dxynum=getCookie("num");
changeshow(dxynum);
}
catch(e){
}
具體應(yīng)用:http://chabaoo.cn/html/list/list_1_1.htm
相關(guān)文章
Bootstrap實現(xiàn)漸變頂部固定自適應(yīng)導(dǎo)航欄
這篇文章給大家介紹了Bootstrap實現(xiàn)漸變頂部固定自適應(yīng)導(dǎo)航欄,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-01-01使用javascript獲取flash加載的百分比的實現(xiàn)代碼
使用javascript獲取flash加載的百分比的實現(xiàn)代碼,方便flash小游戲判斷頁面,提高用戶體驗。2011-05-05