热门提示的效果

1.html

• 热门

  啦啦啦啦啦啦

2.js

function headline(data) {

var index =0;

    var autoTimer =0;

    var clickEndFlag =true;

    var oInner =$(".scroll_top");

    var oLi =$(".scroll_top li");

    oLi.eq(0).clone(true).appendTo(oInner);

    var liHeight =$(".advert").height();

    function tab() {

oInner.stop().animate(

{

top: -index * liHeight

},

            400,

            function () {

clickEndFlag =true;

                if (index == oLi.length) {

oInner.css({

top:0

                    });

                    index =0;

                }

}

);

    }

function next() {

index++;

        tab();

    }

autoTimer =setInterval(next, 3000);

    $(".scroll_top li").hover(

function () {

clearInterval(autoTimer);

        },

        function () {

autoTimer =setInterval(next, 3000);

        }

);

}

$(function () {

headline();

});