jq 轮换板的简单实现,没有左右滑动效果!
2014-11-14 15:12
399 查看
<style> *{margin:0px;padding:0px;} .none{display:none;} </style> <span class="tu"> <a><img src="./01.jpg" alt=""></a> <a class="none"><img src="./02.jpg" alt=""></a> <a class="none"><img src="./03.jpg" alt=""></a> <a class="none"><img src="./04.jpg" alt=""></a> <a class="none"><img src="./05.jpg" alt=""></a> <a class="none"><img src="./06.jpg" alt=""></a> <a class="none"><img src="./07.jpg" alt=""></a> </span> <script> var length = $('.tu').children().length-1; //length从1开始。而eq从0开始。都定义为0开始。 var img = 0; setInterval(function(){ id = img++; $('.tu').children().eq(id).show().siblings().hide(); if(id == length){ img = 0; } },1500); </script>
相关文章推荐
- 页面图片浮动左右滑动效果的简单实现案例
- 两种用jq实现的轮播图(向左右滑动和淡出效果)
- 页面图片浮动左右滑动效果的简单实现案例
- Android实现左右滑动效果
- 页面图片浮动左右滑动效果实现案例
- Android实现左右滑动指引效果
- Android实现左右滑动指引效果(使用ViewPager)
- Android实现导航菜单左右滑动效果
- Android实现渐显按钮的左右滑动效果
- Android实现导航栏的左右滑动效果
- Android实现导航菜单左右滑动效果
- Android实现导航菜单左右滑动效果
- Android实现左右滑动的效果
- Android实现左右滑动指引效果
- android 左右滑动效果实现
- Android中实现整个视图切换的左右滑动效果
- 用js实现简单的左右两边固定广告效果
- android-使用ViewGroup实现左右滑动切换界面的效果
- Android实现导航菜单左右滑动效果
- Android实现左右滑动指引效果