TAGS: jQuery | プラグイン | InnerFade | アニメーション | 文字 | 画像 | スライド
InnerFadeは、文字や画像、他のHTMLコンテンツを簡単に切り替える(フェードイン&フェードアウトする)jQueryプラグインです。

動作環境


◇ jQuery.js
◇ ライセンス:明記せず

使い方


1)jquery.jsとjquery.innerfade.jsを公式サイトからダウンロード
2)HTMLヘッダに定義を追加(例)
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.innerfade.js"></script>


3)HTML定義例
<ul id="news">
    <li>
        <a href="#n1">1 文字列</a>
    </li>
    <li>
        <a href="#n2">2 画像</a>
    </li>
    <li>
        <a href="#n3">3 その他要素</a>
    </li>
</ul>


4)フェード効果初期化(例)
<script type="text/javascript">
    $(document).ready(
        function(){
            $('#news').innerfade({
                animationtype: 'slide',
                speed: 750,
                timeout: 2000,
                type: 'random',
                containerheight: '1em'
            });
        });
      </script>

.

Sponsored Link


有关作者
Syboos.jp編集長システム設計や開発、保守運営などを行ってます。オープンソース技術に興味があります。

Comments