开发者社区> 问答> 正文

如何让图片自动播放?

screenshot
jQuery:

$(function(){
    function slideImg(i){
        var showWidth = $("#show").width();
        $("#slides li").stop().animate({left:-showWidth * i},400);
    }
    var _numList = $("#num li");
    _numList.mouseover(function(){
        var index = _numList.index(this);
        slideImg(index);
        $(this).addClass("current").siblings().removeClass("current");
    });
});

<div id="show">
    <ul id="slides">
        <li><img src="images/banner_1.jpg" width="980" height="450" /></li>
        <li><img src="images/banner_2.jpg" width="980" height="450" /></li>
        <li><img src="images/banner_3.jpg" width="980" height="450" /></li>
        <li><img src="images/banner_4.jpg" width="980" height="450" /></li>
        <li><img src="images/banner_5.jpg" width="980" height="450" /></li>
    </ul>
</div>
<ul id="num">
    <li class="current"></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

展开
收起
a123456678 2016-07-06 16:05:39 2076 0
1 条回答
写回答
取消 提交回答
  • 用定时函数,setInterval,就可以了。

    2019-07-17 19:52:14
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载