求助,用js分页的算法
时间:2009-04-13
来源:互联网
如
用jquery怎么把这个li列表分页,如每两条一页.
点击第一页显示li列表的1,2
点击第二页显示li列表的3,4
....
求助
复制代码
|
用jquery怎么把这个li列表分页,如每两条一页.
点击第一页显示li列表的1,2
点击第二页显示li列表的3,4
....
求助
作者: 22zzaaqq 发布时间: 2009-04-13
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
var i=1;
$("li").each(function(){
$(this).attr("ic",i);
i++;
})
$("font").click(function(){
var page_change=$(this).text();
var page_change_s=page_change*2;
page_change_s_a=page_change_s-1;
$("li").each(function(){
$(this).css("display","none");
})
$("li[ic="+page_change_s+"]").css("display","block");
$("li[ic="+page_change_s_a+"]").css("display","block");
})
})
</script>
<style type="text/css">
li{ display:none;}
font{ cursor:pointer;}
</style>
<ul>
<li style="display:block;">1</li>
<li style="display:block;">2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
<font>1</font><font>2</font><font>3</font><font>4</font><font>5</font>
看看
<script type="text/javascript">
$(function(){
var i=1;
$("li").each(function(){
$(this).attr("ic",i);
i++;
})
$("font").click(function(){
var page_change=$(this).text();
var page_change_s=page_change*2;
page_change_s_a=page_change_s-1;
$("li").each(function(){
$(this).css("display","none");
})
$("li[ic="+page_change_s+"]").css("display","block");
$("li[ic="+page_change_s_a+"]").css("display","block");
})
})
</script>
<style type="text/css">
li{ display:none;}
font{ cursor:pointer;}
</style>
<ul>
<li style="display:block;">1</li>
<li style="display:block;">2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
</ul>
<font>1</font><font>2</font><font>3</font><font>4</font><font>5</font>
看看
作者: fudg1211 发布时间: 2009-04-14
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28