Auto-Scrolling Slideshow - jQueryを使い横にスクロールするタブメニュー

jQueryを使ったFlashっぽくールするタブメニューです。ヘッダーとかに設置できるかな!?

Auto-Scrolling Slideshow

  • Slide one

    jQueryを使った横メニューです。
    クリックをしなくても一定時間で次のタブに切り替わります。
    時間の設定などはJavaScriptで変更できます。
    タブの数も自由に変更できます。

  • Slide two

    最初に表示するタブは以下のclassで指定します。

    <ul class="slides-nav">
    <li class="on"><a href="#slide-one">Slide one</a></li>
    <li><a href="#slide-two">Slide two</a></li>
    <li><a href="#slide-three">Slide three</a></li>
    </ul>

  • Slide three

    slideshow.jsの上の方をいじるとタブの入れ替わり方を変更できます。

    timeout: 300,       // 自動でタブがかわる間隔
    slideSpeed: 1000,   // 自動にかわるときのスピード
    tabSpeed: 100,      // クリックしたときのスピード

フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加