ul下li 上下滚动效果

 

 

 

 文字图片都支持

 

 

 

 

　　　　 // 通告滚动效果

                var $this = $('div.article_name')

                var scrollTimer;

                $this.hover(function() {

                    clearInterval(scrollTimer);

                }, function() {

                    scrollTimer = setInterval(function() {

                        scrollNews($this);

                    }, 3000);

                }).trigger("mouseout");

                function scrollNews(obj) {

                    var $self = obj.find("ul:first");

                    var lineHeight = $self.find('li')[0].offsetHeight;

                    $self.animate({

                        "margin-top": -lineHeight + "px"

                    }, 600, function() {

                        $self.css({

                            "margin-top": "0px"

                        }).find("li:first").appendTo($self);

                    })

                }