您的位置:首页 > Web前端 > JQuery

jquery新闻的动态滚动

2013-04-07 22:55 337 查看
//实现新闻动态的滚动

$(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放到最后实现动态的滚动

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  hover clearInterval