jQuery 垂直滾動跑馬燈文字公告
- #
- jQuery / CSS, 無料Free, 網頁設計
- Date：
- 2020-05-31
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
