jqueryシームレススクロールアップ実装 code_jquery

WBOY
リリース: 2016-05-16 17:39:05
オリジナル
926 人が閲覧しました
JS 部分
コードをコピー コードは次のとおりです:

$ (function (){
var $this = $(".renav");
varscrollTimer;
$this.hover(function(){
clearInterval(scrollTimer);
} ,function (){
scrollTimer = setInterval(function(){
scrollNews( $this );
}, 2000 )
}).trigger("mouseout"); );
functionscrollNews(obj){
var $self = obj.find("ul:first");
var lineHeight = $self.find("li:first").height() ;
$self.animate({ "margin-top" : -lineHeight "px" },600 , function(){
$self.css({"margin-top":"0px"}) find( "li:first").appendTo($self);
})
}


HTML 部分
コードをコピーします コードは次のとおりです。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート