當(dāng)前位置:
首頁(yè) >
好用的竖直无缝滚动
發(fā)布時(shí)間:2025/3/19
27
豆豆
http://www.aspxcs.net/index.php?m=content&c=index&a=show&catid=9&id=755
$('#dongtai').vTicker({speed: 800,//滾動(dòng)速度pause: 2000,//暫停時(shí)間,就是滾動(dòng)一條之后停留的時(shí)間,單位毫秒。animation: 'fade', //動(dòng)畫(huà)mousePause: true,//鼠標(biāo)滑過(guò)暫停direction: 'up', //滾動(dòng)的方向,默認(rèn)為up向上,down則為向下滾動(dòng)。height: 235, //滾動(dòng)內(nèi)容的高度。showItems: 3 //顯示的條數(shù) });?html代碼如下:
注意:必須有position:relative
<dd id="dongtai" style="position:relative;height: 235px;overflow: hidden"><ul style="height: 235px;"><li></li><li></li></ul> </dd>?
DEMO地址:haier2.vliang.com
官網(wǎng):http://www.jugbit.com/jquery-vticker-vertical-news-ticker/
轉(zhuǎn)載于:https://www.cnblogs.com/zrp2013/archive/2013/05/13/3074921.html
總結(jié)
- 上一篇: 记一次被js中的this坑的事情
- 下一篇: puppet全方位学习之总结