ホームページを作る人のネタ帳

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

JavaScript

横にスライドするアコーディオンJavaScript

横に伸縮するメニューです。
何かと使えそう。

詳細は以下に。


早速ダウンロード


ダウンロード
dev.portalZINE | jQuery - Horizontal Accordion


一番下にある
JavaScript
○で囲った部分からダウンロード。

本当はblade_sel.pngという画像がメニューのボタンに挿入されるはずなんですが、私のブラウザではなぜか表示されませんでした。

この動きは非常に素敵なので、一度はウェブサイトに導入してみたいものですね。

Jsファイルの呼び出し

<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">

基本的にindex.htmlを開いて確認すればある程度のことは出来ると思います。
ぜひともこの機会にお試しあれ。
@yamada_nt
Posted by@yamada_nt
スポンサードリンク

Comments 1

There are no comments yet.

mio  

> 本当はblade_sel.pngという画像がメニューのボタンに挿入されるはずなんですが

これ、透過PNGを使っているからか、IE6とかだとうまく画像が表示されないようですね。
FireFoxやIE7で見ると、画像がきちんと見えます。

2007/07/24 (Tue) 11:29

Leave a reply