ホームページ > ウェブフロントエンド > jsチュートリアル > jquery に基づいて上向きに実行されるテキストの効果は、marquee_jquery の効果と似ています。

jquery に基づいて上向きに実行されるテキストの効果は、marquee_jquery の効果と似ています。

WBOY
リリース: 2016-05-16 16:44:10
オリジナル
1724 人が閲覧しました

マーキーに似た効果を実現したかったのですが、マーキーにスペースが含まれていることがわかり、効果が美しくなかったので、jquery を使用して

ページ コード

コードをコピー コードは次のとおりです。



  • 187****5204 さん、取得おめでとうございます1000RBM


  • 137****1372 さん、1000RBM 獲得おめでとうございます


  • 156****0276 さん、1000RBM 獲得おめでとうございます
  • tpl-rotate-recordList-item">
    139 ****9856 が 1000RBM を獲得しました、おめでとうございます


  • 136****0580 さん、1000RBM 獲得おめでとうございます
    < ;/li>

  • 136*** さん、おめでとうございます*0580 で 1000RBM 獲得


  • 138****8118 さん、1000RBM 獲得おめでとうございます
    < ;/li>
  • 1000RBM 獲得おめでとうございます
  • <🎜; li class="tpl-rotate-recordList-item">
    136****0580 1000RBM を獲得しました
    li class="tpl-rotate-recordList- item">
    136****0580 さん、1000RBM 獲得おめでとうございます

gt;



js コード



コードをコピー
コードは次のとおりです: /*自動回転 xuyw* / var AutoScroll = function(a) {
$(a).find("ul:first").animate ( {
marginTop : "-20px"
}, 500, function( ) {
$(this).css( {
marginTop : "0px"
}).find(" li:first").appendTo(this)
})
}
if ($(".recordList ul li").length > 0) {
setInterval('AutoScroll(".recordList")', 2000)
} else {
$(". RecordList").hide()
}

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