jQuery 垂直滾動跑馬燈文字公告

jQuery 垂直滾動跑馬燈文字公告,可以自行設定要顯示的區塊高度及寬度,也可自行變更文字顏色及滾動的時間間隔,當滑鼠移至文字時會停止滑動,修改內容之後就可以當作首頁公告使用。
按這裡下載我們提供的 demo.html 自行編輯修改內容及 js 路徑。
3.4 KiB / RAR
修改公告的連結路徑及文字內容
<div class="toutiao demo1" style="height: 50px">
<ul class="clearfix">
<li><p> <a href="#">修改公告文字1</a></p></li>
<li><p> <a href="#">修改公告文字2</a></p></li>
<li><p> <a href="#">修改公告文字3</a></p></li>
</ul>
</div>
設定 jquery-vertical-loop.js 路徑
<script src="jquery-vertical-loop.js"></script>
修改滾動的持續時間。預設數值:3000ms
$('.demo1').verticalLoop({
     delay: 3000,
     order:'asc'
});
Read More
More Detail