开发者社区 问答 正文

如何让图片自动播放?

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 2179 分享 版权
1 条回答
写回答
取消 提交回答
  • 用定时函数,setInterval,就可以了。

    2019-07-17 19:52:14
    赞同 展开评论
问答分类:
问答地址: