jQuery实现了一个简单的无缝滚动。
jQuery实现了一个简单的无缝滚动。* { margin: 0px;padding: 0px;}
李{列表样式:无;}
。内容{宽度:1020px;身高:112px;溢出:隐藏;边界:# 4e83c2 solid 1px;保证金:50px汽车;}
内容:1020px UL {宽度;高度:100px;}
。内容的ul {浮动:左;宽度:100px;身高:100px;边界:# CCC solid 1px;纯化;};}
一
二
三
四
五
六
七
八
九
十
十一
十二
十三
十四
十五
十六
十七
十八
十九
二十
二十一
二十二
二十三
二十四
函数滚动(){
$(。内容UL)。动画({余地:- 110px},函数(){)
$(ul。内容:情商(0))。AppendTo($(。内容UL))
$()Css({左边缘:0 })
})
}
setInterval(滚动,1000)
滚动()用法:
函数滚动(){
$(。内容UL)。动画({余地:- 110px},函数(){)
这是第一个UL / /让李向前滑动,如果你想一次性滑5 ~所以550px。
向上滚动/到$(。内容UL(。动画){边距:105px}
要向下滚动到 / / $(。内容UL(。动画){边距:105px}
想向右滚动到 / / $(。内容UL(。动画){余地:110px}
$(ul。内容:情商(0))。AppendTo($(。内容UL))
$()Css({左边缘:0 })
相应的的这一面
要向上滚动到$((动画){边距顶部:0 }
要向下滚动到 $()(动画){边距顶部:0 }
要将滚动条向右滚动到(动画){左边缘:0 }
})
}
setInterval(滚动,1000)
它是1000,是滚动速度,可以自行调整。
以上是本文的全部内容,希望大家能喜欢。