作者popcorny (毕业了..@@")
看板Ajax
标题[心得] 分享一个我写的jquery的menu plugin..
时间Tue Oct 26 20:57:16 2010
最近案子的需求..
所以写了一个Multilevel的menu plugin..
因为初次写plugin.. 如果有写不好也请多包涵
或是大家有甚麽指教也很欢迎
使用的结果如下
http://popcorny.byethost10.com/jquery-menu/?v=1
使用的方法跟jqueryui的accordion很像
就是订义一个div.里面再定义资料的内容
例如
<div id="menubar_content">
<ul>
<li>
<a href="#">item1</a>
<ul>
<li><span><img src="images/logo.png"></img>item1-1</span></li>
<li>item1-2
<ul>
<li>item1-2-1</li>
<li>item1-2-2</li>
<li>item1-2-3</li>
</ul>
</li>
<li>
<a href="#"><b>item1-3</b></a>
<ul>
<li><a href="#"><b>item1-3-1</b></a></li>
<li>item1-3-2</li>
<li>item1-3-3</li>
</ul>
</li>
</ul>
</li>
<li>
item2
<ul>
<li>item2-1</li>
<li>item2-2</li>
<li>item2-3</li>
</ul>
</li>
<li>
item3
<ul>
<li>item3-1</li>
<li>item3-2</li>
<li>item3-3</li>
</ul>
</li>
</ul>
</div>
之後再用jquery object把他产生menu出来
$(function()
{
$("
#menubar_content").menu();
});
目前还没有定义custom event
以後视需求再来加进去吧
如果有需要的人就拿去用吧 记得寄信给我就好 ^_^
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.32.239.120
1F:推 wa120:推了阿XD 10/27 09:06
2F:→ TonyQ:还没细看 先推XD 10/27 09:18
3F:推 JYHuang:感谢这位大大的分享 XD 10/27 09:21
4F:推 lovelycateye:暂时用不到也推~ 10/27 22:10
5F:推 gs1458:不错的效果,推一下罗^^ 11/03 05:11
※ 编辑: popcorny 来自: 114.32.239.120 (11/14 10:19)