"transform":"translate3d(0px, -50px, 0px)"
我想弄个-50px变量 然后可以-50px的。
比如转一次 就加-100
-150
-200
每转一次+"50px"
然后下面没文字的时候 就转到0 实现 自动循环。
这样就可以基本的完成文字向上循环效果.
http://jsbin.com/jiwewajetu/edit?html,css,js,output
请问怎么在我原有的基本上改变?
简单写了一下,其实和轮播图原理差不多,细节方面,你可以看需求而定!
window.onload=function(){
var index = 0;
function topScroll(){
if(index>4){
index=0
}
$(".recome_slow").css({
"transform":"translate3d(0px, "+index*-50+"px, 0px)"
})
index++;
}
setInterval(topScroll,3000)
};