<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>jQuery無縫滾動插件liMarquee演示-向上滾動_dowebok</title>
<link rel="stylesheet" href="css/liMarquee.css">
<style>
.dowebok { width: 790px; height: 200px; margin: 100px auto; font-size: 14px;}
.dowebok ul { margin: 0; line-height: 30px;}
.dowebok a { color: #333; text-decoration: none;}
.dowebok a:hover { text-decoration: underline;}
</style>
</head>
<body>
<h1>向上滾動</h1>
<div class="dowebok">
<ul>
<li>
<a href="http://www.dowebok.com/187.html">Smoothslides – 可平移的jQuery幻燈片插件</a>
</li>
<li>
<a href="http://www.dowebok.com/77.html">jQuery全屏滾動插件fullPage.js</a>
</li>
<li>
<a href="http://www.dowebok.com/131.html">WOW.js – 讓頁面滾動更有趣</a>
</li>
<li>
<a href="http://www.dowebok.com/139.html">讓IE7 IE8支持CSS3 background-size屬性</a>
</li>
<li>
<a href="http://www.dowebok.com/117.html">shCircleLoader – jQuery Loading效果插件</a>
</li>
<li>
<a href="http://www.dowebok.com/185.html">jQuery cForm – jQuery表單美化插件</a>
</li>
<li>
<a href="http://www.dowebok.com/177.html">Quttons – Quantum Paper風格按鈕</a>
</li>
<li>
<a href="http://www.dowebok.com/173.html">Ideal Image Slider – 簡單的純JS幻燈片</a>
</li>
<li>
<a href="http://www.dowebok.com/156.html">evenZoom – jQuery放大鏡插件</a>
</li>
<li>
<a href="http://www.dowebok.com/155.html">DAD – jQuery拖拽/拖放插件</a>
</li>
</ul>
</div>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.liMarquee.js"></script>
<script>
$(function(){
$('.dowebok').liMarquee({
direction: 'up'
});
});
</script>
</body>
</html>
常用參數如下：
align：是設定活動字幕的位置，除了居左、居中、居右三種位置外，又增加*上（top）和*下（bottom）兩種位置。
Bgcolor：用於設定活動字幕的背景顏色，可以使用英文的單詞也可以是十六進制數的。
Direction：用於設定活動字幕的滾動方向是向左（left）、向右（right）、向上（up）、向下（down）。
Behavior：用於設定滾動的方式，主要由三種方式：
behavior="scroll"表示由一端滾動到另一端；
behavior="slide":表示由一端快速滑動到另一端，且不再重復；
behavior="alternate"表示在兩端之間來回滾動。
Height：用於設定滾動字幕的高度。
Width：則設定滾動字幕的寬度。
Hspace和vspace：分別用於設定滾動字幕的左右邊框和上下邊框的寬度。
Scrollamount：用於設定活動字幕的滾動距離。數值越小，滾動的速度就越快。
scrolldelay：用於設定滾動兩次之間的延遲時間，數值越小，間隔就越小。
Loop：用於設定滾動的次數，當loop=-1表示一直滾動下去，直到頁面更新。其中默認情況是向左滾動無限次，字幕高度是文本高度；滾動范圍：水平滾動的寬度是當前位置的寬度；垂直滾動的高度是當前位置的高度。
liMarquee – jQuery無縫滾動插件
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。