jq循环

最新推荐文章于 2024-06-21 15:37:00 发布

尘埃338

最新推荐文章于 2024-06-21 15:37:00 发布

阅读量807

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/heyuqing32/article/details/83958349

版权

前端专栏收录该内容

38 篇文章 0 订阅

订阅专栏

<body>

       <div class="slider">
           <ul>
           <li><a href="#"><img src="images/1.jpg" alt=""></a></li>
           <li><a href="#"><img src="images/2.jpg" alt=""></a></li>
           <li><a href="#"><img src="images/3.jpg" alt=""></a></li>
           <li><a href="#"><img src="images/4.jpg" alt=""></a></li>
           <li><a href="#"><img src="images/5.jpg" alt=""></a></li>
           <li><a href="#"><img src="images/6.jpg" alt=""></a></li>
           <li><a href="#"><img src="images/7.jpg" alt=""></a></li>
           <li><a href="#"><img src="images/8.jpg" alt=""></a></li>
           </ul>
           
           <div class="arrow">
           <span class="arrow-left"><</span>
           <span class="arrow-right">></span>
           </div>
       </div>
   <script src="jquery-1.12.4.js"></script>
   <script>
       $(function () {

   var count = 0;

       $(".arrow-right").click(function(){

count=count+1;

           if(count == $(".slider li").length)
           {
               count=0;
           }

           console.log(count);
       });

});
</script>

尘埃338

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq循环

&lt;body&gt; &lt;div class="slider"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;&lt;img src="images/1.jpg" alt=""&gt;&lt;
复制链接

扫一扫

专栏目录