图片库的简单分页
我想为图片库做分页，就像他们应该是一个包含2-8的下拉列表，如果我点击2，它应该只显示第一行的两个图像，其余的图像应该休眠第一行，不需要隐藏
example: if i click on 2 (consider their will be 9 images in gallery)
[1,2]
[3,4]
[5,6]
[7,8]
[9,0]
if i click on 3
[1,2,3]
[4,5,6]
[7,8,9]
like wise这是我的代码
http://jsfiddle.net/rajaeerasd/GbA2C/
<!DOCTYPE html>
<html>
<head>
<title>Easylib Soft</title>
<link rel="stylesheet" href="style.css">
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/alauddinansari7/jColorPicker.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#colorPicker").ColorPicker({selectedColor:'#fff', onSelect:
function(color){
document.body.bgColor=color;
}
});
});
</script>
<!--[if (gte IE 6)&(lte IE 8)]>
<script src="selectivizr.js"></script>
<![endif]-->
<style>
#about{
color: #999;
text-align: center;
font: 0.9em Arial, Helvetica;
}
#about a{
color: #777;
}
</style>
</head>
<body>
<div id="colorPicker">colorPicker</div>
<ul class="menu">
<li tabindex="1">
<a href="http://www.google.co.in/"><span class="title">One</span></a>
</li>
<li tabindex="1">
<span class="title">Two</span>
</li>
<li tabindex="1">
<span class="title">Three</span>
</li>
<li tabindex="1">
<span class="title">Four</span>
</li>
<li tabindex="1">
<span class="title">Five</span>
</li>
<li tabindex="1">
<span class="title">Six</span>
</li>
<li tabindex="1">
<span class="title">Seven</span>
</li>
<li tabindex="1">
<span class="title">Eight</span>
</li>
<li>
<span class="title">Nine</span>
</li>
</ul>
<!-- BSA AdPacks code -->
<script>
(function(){
var bsa = document.createElement('script');
bsa.async = true;
bsa.src = 'www.google.com';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
</script>
</body>
</html>回答 1
Stack Overflow用户
发布于 2013-08-15 21:47:50
我有点不清楚你所说的“下拉”是什么意思(一个新的、独立的div?)但不管怎样，如果我是你，我会尝试的一种方法是
1.)给每个可点击的div2分配一个唯一的id。)将类定义添加到所有可单击的div(相同的类id) 3。)添加jquery以检测对新类id为4的任何项的点击。)单击时，获取所单击的div 5的id。)基于这个' id‘(假设您使用div的编号来对应id --所以div #2应该有id=2，等等)然后，您可以在新的div中使用它
a.)显示结果的div (我猜是清除或擦除其中的任何旧结果)
b.)追加HTML，它是根据从裁剪的div id到9的计数构建的……所以如果用户点击了#4，它会导致你的新div显示6‘results’…然后它只是做一个循环来构建所需的HTML来显示结果，基于被点击的id和返回结果的总数(请记住，您知道总共有9个。我将使用一个简单的表结构在循环中构建/编写HTML，并使用计数器来跟踪每一行结果，然后当计数器=9时，只需完成结果表，新的div应该包含结果。
我不确定这一切是否有意义，但这将是我最初采取的方法，诚然，可能有更简单的方法来处理它。
https://stackoverflow.com/questions/18248291
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号