jQuery_jquery를 사용하여 Sina Weibo 홈페이지의 스크롤 효과를 시뮬레이션하는 방법-JS 튜토리얼-php.cn

이 기사의 예에서는 jQuery가 Sina Weibo 홈페이지의 스크롤 효과를 시뮬레이션하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

제목 없는 문서

<스크립트 언어="javascript">

$(함수(){

var scrtime;

            $("#con").hover(function(){

> > "
          },함수(){

       scrtime = setInterval(function(){

              var $ul = $("#con ul");

              var liHeight = $ul.find("li:last").height();

                       $ul.animate({marginTop : liHeight 40 "px"},1000,function(){

                    $ul.find("li:last").prependTo($ul)

                    $ul.find("li:first").hide();

                       $ul.css({marginTop:0});

                    $ul.find("li:first").fadeIn(1000);

                });                                           
},3000);

          }).trigger("mouseleave");

});