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

マーキーに似た効果を実現したかったのですが、マーキーにスペースが含まれていることがわかり、効果が美しくなかったので、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()
}