MyException - 我的异常网
当前位置:我的异常网» 编程 » jquery快讯的动态滚动

jquery快讯的动态滚动

www.myexceptions.net  网友分享于:2013-04-10  浏览:6次
jquery新闻的动态滚动

//实现新闻动态的滚动


$(function(){

        var $this=$(".scrollNews");
        var scoler='';
        $(".scrollNews").hover(function(){
                //清除定时器
                clearInterval(scoler);
        },function(){
            //设置定时器
            scoler=setInterval(function(){
                scrollNews($this);
            },3000);
        
        }).trigger("mouseleave");
})
function scrollNews(obj){
        var $ul=obj.find("ul");
        var lineHeight=obj.find("li:first").height();
        $ul.animate({"marginTop":-lineHeight+"px"},800,function(){
        $ul.css("marginTop",0).find("li:first").appendTo($ul);
        })

}

思想:就是把第一个的height放到最后实现动态的滚动


文章评论

软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有