마키와 비슷한 효과를 내고 싶었으나 마키에 공백이 있는 것을 발견하여 효과가 보기 좋지 않아서 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()
}
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
