縦・横にスクロールするテレビのようなニューステロップ「TV Credits」
当ページのリンクには広告が含まれています。
スポンサーリンク
縦・横にスクロールするテレビのようなニューステロップを表示するプラグイン「TV Credits」を紹介します。
jQueryプラグイン「LockScroll」
このプラグインを使えば、指定した要素のテキストをニューステロップとして、スクロールさせることができます。
オプションでは、スクロールの方向や速度を調節することができるので、サイトに合わせてニューステロップを実装することができます。
スポンサーリンク
シンプルな横スクロールのニューステロップをデモページでご覧ください。
デモのソース(HTML + jQuery)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="description" content="LockScrollのデモでーす。"> <title>TV Credits - jQueryプラグイン</title> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="tvcredits.jquery.min.js"></script> <!-- <link href="style.css" rel="stylesheet"> --> </head> <body> <h1>TV Credits のデモでーす。</h1> <div id="demo"> <ul> <li>今日の天気は晴れ! ☀</li> <li>明日も晴れ! ☀</li> <li>明後日も晴れ! ☀</li> <li>たぶん晴れ! ☀</li> </ul> </div> <script> $("#demo").tvCredits({ direction: 'left', speed: 10000, }); </script> </body> </html>
スポンサーリンク