まだデータがありません。
新着記事やお知らせを流すニュースティッカーを実装「webTicker」 - jQueryプラグイン
当ページのリンクには広告が含まれています。
スポンサーリンク
サイトのお知らせや新着記事を流すニュースティッカーを実装するプラグイン「webTicker」を紹介します。
webTicker
このプラグインを使えば、ニュースティッカーを簡単に作成することができます。ニュースティッカーに表示させたい項目をリスト（li）で記述し、その上位要素を指定するだけで、OKです。
スポンサーリンク
デモのニュースティッカーをご覧ください。
ソース（HTML + jQuery）
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta name="description" content="webTickerのデモでーす。">
<title>webTicker - jQuery Plugin Demo</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.webticker.js"></script>
<script>
$(function(){
$("#webticker").webTicker();
});
</script>
</head>
<body>
<h1>webTicker のデモでーす。</h1>
<ul id="webticker" >
<li id='item1'>ニュース</li>
<li id='item2'>新着記事</li>
<li id='item3'>目玉記事</li>
<li id='item4'>注目ニュース</li>
<li id='item5'>などなど</li>
<li id='item6'>ニュースティッカーを流せまーす。</li>
</ul>
</body>
</html>
スポンサーリンク