TAGS: ニュースティカー | jQuery | アニメーション | GPL
jQuery News Tickerは、複数行のテキストを一行ごとに一文字ずつ表示してくれるjQueryニュースティッカープラグインです。

動作環境


◇ 言語:Javascript(jQuery)
◇ ブラウザー:IE6+, FF 3.6+, Chrome, Safari, Safari Mobile, Opera
◇ ライセンス:GPLv2


使い方例


◇ JavaScript例

<script type="text/javascript">
    $(function () {
        $('#js-news').ticker({
            speed: 0.10,
            htmlFeed: false,
            fadeInSpeed: 600,
            titleText: 'Latest News'
        });
    });
</script>


◇ HTML例
<ul id="js-news" class="js-hidden">
    <li class="news-item"><a href="#">This is the 1st latest news item.</a></li>
    <li class="news-item"><a href="#">This is the 2nd latest news item.</a></li>
    <li class="news-item"><a href="#">This is the 3rd latest news item.</a></li>
    <li class="news-item"><a href="#">This is the 4th latest news item.</a></li>
</ul>

.

Sponsored Link


著者について
Syboos.jp編集長AJavaやオープンソース情報の執筆、Webサイトの開発や運営全般の業務に携わる。

コメント

ユーザ名 (required)

Eメール (will not be published) (required)

Webサイト

記事への評価