さまざまなアニメ効果付きのニュースティッカー「Easy Ticker」 - jQueryプラグイン
当ページのリンクには広告が含まれています。
スポンサーリンク
さまざまなアニメ効果付きのニュースティッカーを作成するプラグイン「Easy Ticker」を紹介します。
Easy Ticker
ニュースティッカーとは、サイトのニュース・更新情報や注目サイトのRSSを表示するリストのことです。
このプラグインを使えば、そのニュースティッカーにさまざまなアニメーションを付加することができます。アップやダウン……などさまざまです。
スポンサーリンク
デモのニュースティッカーをご覧ください。
ソース（HTML + jQuery）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Easy Tickerのデモでーす。">
<title>Easy Ticker - jQueryプラグイン</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="jquery.easing.min.js"></script>
<script src="jquery.easy-ticker.js"></script>
<script>
$(document).ready(function(){
$('.ticker').easyTicker({
direction: 'up',
easing: 'swing',
speed: 'slow',
interval: 2000,
height: 'auto',
visible: 0,
mousePause: 1,
controls: {
up: '',
down: '',
toggle: '',
playText: 'Play',
stopText: 'Stop'
}
});
});
</script>
</head>
<body>
<h1>Easy Tickerのデモでーす。</h1>
<div class="ticker">
<ul>
<li>ニュースとか新着記事 ①</li>
<li>ニュースとか新着記事 ②</li>
<li>ニュースとか新着記事 ③</li>
<li>ニュースとか新着記事 ④</li>
<li>ニュースとか新着記事 ⑤</li>
<li>ニュースとか新着記事 ⑥</li>
<li>ニュースとか新着記事 ⑦</li>
<li>ニュースとか新着記事 ⑧</li>
<li>ニュースとか新着記事 ⑨</li>
</ul>
</div>
</body>
</html>
jsファイルのダウンロード、その他のオプション詳細はこちらからどうぞ。
» Easy Ticker
スポンサーリンク