另一个图片导航 - Open Source Accordions | Menu | Form

Friday, 09 January 2009

Home

mootools

Accordions | Menu | Form

另一个图片导航

(9 votes, average: 4.33 out of 5)

Written by LXR

Wednesday, 24 October 2007 03:50

原文：http://www.phatfusion.net/imagemenu/index.htm

预览：

特点：

点击后能保持选择项始终开启。
点击关闭打开的条目
对于onClick事件有特定的功能。
当页面加载后能自动打开。

用法:

var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:200, onClick:demo});o

示例代码：

{tab=head} <SCRIPT src="mootools.js" type=text/javascript></SCRIPT>
<LINK href="main.css" type=text/css rel=stylesheet><LINK
href="imageMenu.css" type=text/css rel=stylesheet>
<SCRIPT src="imageMenu.js" type=text/javascript></SCRIPT> {tab=body}<DIV id=kwick>
<UL class=kwicks>
<LI class="kwick opt1"><SPAN>Lanscapes</SPAN> </LI>
<LI class="kwick opt2"><SPAN>People</SPAN> </LI>
<LI class="kwick opt3"><SPAN>Nature</SPAN> </LI>
<LI class="kwick opt4"><SPAN>Urban</SPAN> </LI>
<LI class="kwick opt5"><SPAN>Abstract</SPAN> </LI></UL></DIV>
<SCRIPT type=text/javascript>
var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:200});
</SCRIPT> {/tabs}