您的位置：首页 > Web前端 > JQuery

jquery特效点击某项，其它隐藏

2014-02-21 19:31 197 查看

<html>
<head>
</head>
<body>
<script>
$(function(){
$(".cPage a").click(function(){
var tb_index=$(".cPage a").index(this);
$("#img_"+tb_index).show();
$(this).siblings("a").removeClass();
$(this).addClass('on');
$("#img_"+tb_index).siblings(".img").hide();
})

})
</script>
<div id="tu" style="text-align:center">
<div class="img" id="img_0">
何入手，请下载建站人目标，建站人建议见面沟通需求都是不要的。
</div>
<div class="img" id="img_1" style="display:none">

根据与您为您提，并根据您的意见和建议进行完善。
</div>
<div class="img" id="img_2" style="display:none">

在您最终确认建站人提供的
</div>
<div class="img" id="img_3" style="display:none">

建站人根据网站制作目标制定详细的开发
</div>
<div class="img" id="img_4" style="display:none">

网站建设完成后，由。                </div>
<div class="img" id="img_5" style="display:none">

网站上线后，建站人将集中精力对线上存在的BUG和细节进        </div>
</div>
<div class="cPage" style="padding-top:40px;">
<a href="javascript:;">1</a>
<a href="javascript:;">2</a>
<a href="javascript:;">3</a>
<a href="javascript:;">4</a>
<a href="javascript:;">5</a>
<a href="javascript:;">6</a>
</div>
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

jquery特效 点击某项，其它隐藏

jquery特效点击某项，其它隐藏