使用Tendina,你只需要有一些基本的html标记
width="235" height="423"/>
这意味着你会有一些嵌套的无序列表,如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | < ul id = "menu" > < li > < a href = "#" >Menu 1</ a > < ul > < li >< a href = "#" >Submenu 1</ a ></ li > </ ul > </ li > < li > < a href = "#" >Menu 2</ a > < ul > < li >< a href = "#" >Submenu 2</ a ></ li > < li >< a href = "#" >Submenu 2</ a ></ li > < li >< a href = "#" >Submenu 2</ a > < ul > < li >< a href = "#" >Subsubmenu 2</ a ></ li > < li >< a href = "#" >Subsubmenu 2</ a ></ li > </ ul > </ li > </ ul > </ li > < li > < a href = "#" >Menu 3</ a > < ul > < li >< a href = "#" >Submenu 3</ a ></ li > < li >< a href = "#" >Submenu 3</ a ></ li > </ ul > </ li > </ ul > |
任何没有子菜单的菜单将被当作一个正常的链接。
小心!Tendina使用< >标记为DOM遍历并单击事件管理。别让他们出去!
下一步是jQuery(> = 1.5.x)和Tendina加载页面:
1 2 | < script src = "tendina.js" ></ script > |
最后,你可以简单地调用函数列表
1 | $( '#menu' ).tendina() |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com