FAREX BLOG

Just another WordPress site

01 7月

xMenu 2.0 サンプル

Posted in jQuery, ホームページ作成 on 01.07.11

 

シンプルな ドロップダウンメニュー です。

xmenu-2.0.zip 展開

jquery-1.6.1.min.js
jquery.xMenu-2.0.css
jquery.xMenu-2.0.js
jquery.xMenu_ie6-2.0.css
jquery.xMenuStyle-2.0.css
xMenu-2.0.html

 

サンプル 
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]
サンプル  [ css ]

IE7.js を使用し、IE6 にも部分的に対応しています。

 

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

 

<link rel="stylesheet" href="jquery.xMenu_ie6-2.0.css" type="text/css" />

 

IE6 での マウスオーバー の際の反転幅が気になる方は、<ul>width を設定して下さい。

before
after

 

中継のみをする動作しない <li> に対しても、<a href="#"> のように記述して下さい。

 

LEVEL 1 、LEVEL 2 » を変更する場合は、以下を編集して下さい。

jquery.xMenu-2.0.js

	var mark_a = "&#9660;";
	var mark_b = "&raquo;";

tags: , , , ,

xMenu 2.0 サンプル はコメントを受け付けていません。

Comments are closed.