スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

サイドバーにぴったり!jQueryを使ったタブメニュー

サイドバーに設置すれば便利そうなサブメニューを紹介します。オンマウスでタブがスムーズに切り替わります。

jQuery Moving Tab and Sliding Content

jQuery Moving Tab and Sliding Content
html内のJavaScriptの以下の部分で、赤字の数字を変更することでタブが入れ替わるスピードを変更できます。数値が大きくなるとスピードはゆっくりになります。
$('.item').mouseover(function () {
//scroll the lava to current item position
	$('.lava').stop().animate({left:$(this).position()['left']}, {duration:200});
			
//scroll the panel to the correct content
	$('.panel').stop().animate({left:$(this).position()['left'] * (-2)}, {duration:200});
});
フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント
このコメントは管理人のみ閲覧できます
【2010/10/07 19:38】 | - # | [edit]









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

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。