jquery를 기반으로 위쪽으로 실행되는 텍스트의 효과는 marquee_jquery의 효과와 유사합니다.

마키와 비슷한 효과를 내고 싶었으나 마키에 공백이 있는 것을 발견하여 효과가 보기 좋지 않아서 jquery를 사용하여

페이지 코드

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

tpl-rotate-recordList" style=" margin-top: 0px;">

187****5204 획득을 축하합니다 1000RBM

137****1372님의 1000RBM 획득을 축하합니다

156****0276님, 1000RBM 획득을 축하합니다

tpl-rotate-recordList-item">
139 ****9856이 1000RBM을 획득한 것을 축하합니다

1000RBM을 획득한 136****0580을 축하합니다
< ;/li>

*1000RBM 획득을 위한 0580

1000RBM 획득을 축하하는 138****8118
< ;/li>

1000RBM 획득을 축하합니다

li class="tpl-rotate-recordList-item">
136****0580 1000RBM 획득을 축하합니다

136****0580님 1000RBM 획득을 축하드립니다

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()
}