横にスライドするきれいな動きのアコーディオンJavaScript
スポンサード リンク

横にスライドするアコーディオンJavaScript
横に伸縮するメニューです。
何かと使えそう。
詳細は以下に。
早速ダウンロード

dev.portalZINE | jQuery - Horizontal Accordion
一番下にある

○で囲った部分からダウンロード。
本当はblade_sel.pngという画像がメニューのボタンに挿入されるはずなんですが、私のブラウザではなぜか表示されませんでした。
この動きは非常に素敵なので、一度はウェブサイトに導入してみたいものですね。
Jsファイルの呼び出し
基本的にindex.htmlを開いて確認すればある程度のことは出来ると思います。<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript" src="lib/ifx.js"></script>
<script type="text/javascript" src="lib/easing.js"></script>
<script type="text/javascript" src="lib/main.js"></script>
<link rel="stylesheet" type="text/css" href="css/main.css">
ぜひともこの機会にお試しあれ。
新ブログ:ITクオリティもよろしく。
スポンサード リンク
![]() |
![]() |
![]() |

» Photoshopちょいテク『惑星を作ってみよう』+360度パノラマ画像も作れるように
» 最近、ブログを書いている途中に筆が止まる理由がわかった気がする
» ブログエントリ別に見る『注目度10の法則』
» 天才という言葉は、生きている人にいう言葉じゃない気がする
» まるでphotoshop!JavaScriptで実装するクールなカラーピッカー[prototype.js]
» 今後の期待度が高いphotoshopブラシまとめサイト『Quality Brushes for Photoshop』
» FLASHサイト作成インスピレーションの参考になるflashサイト7つ
» あの時、何気なく吸い始めた一本のタバコの値段が900万だと知ったとき
» jQueryサンプル公開後の反省会。みなさんからのアドバイスを5本サンプル化
» [追記]数百件先の画像まで一気に検索してしまうインターフェイスを搭載したfirefoxアドオン
» プロとアマの違いってぶっちゃけたったひとつ
» 一晩で覚えるjQueryの逆引き基礎サンプル7つ
» あなたは大丈夫?知らず知らずのうちに感じている10のパソコンストレス
» よごれた感じのフォトショップチュートリアルとブラシ
» 第2回web開発者インタビュー。マチウケメール便開発者『開発環境はeclipseです!』
Comment
トラックバックURL
jQueryで横スライドなメニューを表示する
今日(昨日)は隅田川花火大会のはずだったけど、TV 中継がなかったのですっかり忘れてました。 こんばんわ^^ 行くのが面倒なので花火を TV で見ようとしてた、... READ MORE ...
from MovableType備忘録 - 2007/07/29












> 本当はblade_sel.pngという画像がメニューのボタンに挿入されるはずなんですが
これ、透過PNGを使っているからか、IE6とかだとうまく画像が表示されないようですね。
FireFoxやIE7で見ると、画像がきちんと見えます。