javascript如何实现div分页呢?

javascript如何实现div分页呢?,第1张

主要思路:就是点击当前页时,它自己显示,其它的都隐藏;

下面是简单的代码实现:

<style>    
inputactive {background:yellow;}    
div {width:200px; height:200px; border:1px solid red; display:none;}    
divactive {display:block;}    
</style>    
<script>    
windowonload=function(){    
var aBtn = documentgetElementsByTagName('input');    
var aDiv = documentgetElementsByTagName('div');    
    
for(var i =0; i<aBtnlength;i++)    
{    
(function(index){    //因为要存储点击的下标,所以需要做一个参数引入。学名叫'自执行匿名函数'。
aBtn[i]onclick=function(){   
        //这个for循环的作用是将所以的都隐藏。 
for(var i =0; i<aBtnlength;i++)    
{    
aBtn[i]className='';    
aDiv[i]className='';    
}    
//这是将当前点击的显示。
thisclassName='active';    
aDiv[index]className='active';    
};    
})(i);    
}    
};    
</script>    
</head>    
<body>    
<input type="button" value="111" class='active' />    
<input type="button" value="222" />    
<input type="button" value="333" />    
<div class="active">11111111111</div>    
<div>22222222222</div>    
<div>33333333333</div>    
</body>

var pageNum='1';
var pageTotal='12';
为什么要定义成字符串,直接数值啊:
var pageNum=1;
var pageTotal=12;

这样写

<script>
 
var page = <%= requestgetParameter("page") %> ;
if (page == 2) {
    var istz = getCookie("istz"); //获取cookie
    if (istz == null) { //如果cookie为null
        setCookie("istz", "yesTz", 10); //设置cookie
        locationhref = "hhtml"; //跳转到指定链接
    }
}
 
 //设置cookie
 
function setCookie(name, value, expiredays) {
    var ExpireDate = new Date();
    ExpireDatesetTime(ExpireDategetTime() + (expiredays  60  1000));
    documentcookie = name + "=" + escape(value) + ((expiredays == null)  "" : "; expires=" + ExpireDatetoGMTString());
}
 
 //获取cookie
 
function getCookie(name) {
    var strCookie = documentcookie;
    var arrCookie = strCookiesplit(";");
    for (var i = 0; i < arrCookielength; i++) {
        var arr = arrCookie[i]split("=");
        if (arr[0] == name) return arr[1];
    }
    return null;
}
 
 </script>

var tab = $('#tt')tabs('getTab',0); // 取得第一个tab
$('#tt')tabs('update', {
tab: tab,
options: {
title: 'New Title'
}
});


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13398725.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-28
下一篇 2023-07-28

发表评论

登录后才能评论

评论列表(0条)

保存