[心得] 分享一個我寫的jquery的menu plugin..
最近案子的需求..
所以寫了一個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
推
10/27 09:06, , 1F
10/27 09:06, 1F
→
10/27 09:18, , 2F
10/27 09:18, 2F
推
10/27 09:21, , 3F
10/27 09:21, 3F
推
10/27 22:10, , 4F
10/27 22:10, 4F
推
11/03 05:11, , 5F
11/03 05:11, 5F
※ 編輯: popcorny 來自: 114.32.239.120 (11/14 10:19)
討論串 (同標題文章)
完整討論串 (本文為第 1 之 2 篇)：
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
