Jquery div滚动 简单代码

2014-10-18 15:24
// JavaScript Document
$(document).ready(function(){
    var _scrolling=setInterval("AutoScroll()",2000);
    $("#slide ul").hover(function(){
        //鼠标移动DIV上停止
        clearInterval(_scrolling);
    },function(){
        //离开继续调用
        _scrolling=setInterval("AutoScroll()",2000);
    });
});

function AutoScroll(){
    var _scroll = $("#slide ul");
    //ul往左边移动300px
    _scroll.animate({marginLeft:"-187px"},1000,function(){
        //把第一个li丢最后面去
        _scroll.css({marginLeft:0}).find("li:first").appendTo(_scroll);
    });
}
^