jQuery_jquery를 사용하여 Sina Weibo 홈페이지의 스크롤 효과를 시뮬레이션하는 방법

이 기사의 예에서는 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");
});