作者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)