Hot!Ajax

原文：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}

选项:

• onClick: 点击后要执行的功能
• start: 页面打开后显示的第一个选项菜单
• openWidth: width in px of the items when rolled over.
• transition: see Transitions.

下载：http://www.hotajax.org/download/mootools/Phatfusion.zip

< Prev		Next >