縦にオートスクロールする vticker のサンプル （マウスを上に載せると止まります）

---

---

【利用方法】

jQuery.zipをダウンロード  vticker.zip （jquery.vticker.min.jsとjQuery.vticker.js）

ダウンロードした2つのファイルを、利用するファイルと同じフォルダに保存してください。

head部に<script src="jquery.vticker.min.js"></script>の外部リンクを配置します。

利用するファイルの下から4行目、<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>タグを1行削除します。

---

javascript head部ソース（利用するページのhead部に貼り付け）
<script type="text/javascript"> $(function() { $('#vscroll').vTicker({ speed: 1000, pause: 5000, showItems: 5, mousePause: true, height: 0, animate: true, margin: 2, padding: 3, startPaused: false }); }) </script>

javascript head部ソースのアレンジ

speed: 1000,＝移動速度 pause: 5000,＝止まっている時間 showItems: 5,＝表示個数 margin、 padding は余白。

---

HTML body部ソース
<div id="vscroll"> <ul class="list-unstyled"> <li>スクロール内容 1</li> <li>スクロール内容 2</li> <li>スクロール内容 3</li> <li>スクロール内容 4</li> <li>スクロール内容 5</li> <li>スクロール内容 6</li> <li>スクロール内容 7</li> <li>スクロール内容 8</li> <li>スクロール内容 9</li> <li>スクロール内容 10</li> </ul> </div>

---