You are here

特制的菜单怎样做进主题中

dreamour 的头像
Submitted by dreamour on 星期一, 2011-11-21 09:40

老葛,各位Drupal同好,怎样将JS特制的菜单做进主题,菜单Demo
http://tympanus.net/Tutorials/SlideDownBoxMenu/
代码http://tympanus.net/codrops/2010/07/16/slide-down-box-menu/
主题用Acquia Marina修改

论坛:

dreamour 的头像

相当于完全做个菜单系统,而且做进page.tpl.php代码里,增减修改菜单不方便。
我现在倾向于加一个js,再加一个css文件,来达成同样的效果,原来的菜单架构不动。
随后分享。

dreamour 的头像

js文件动态地定位主菜单,包裹每项菜单,并且在里面添加一个img元素,第一句是要把菜单(ul项)加上ID属性和class属性,语句如下:
$("#main-menu .content>ul").attr("ID","sdt_menu").addClass("sdt_menu");
接下来将每项菜单(li)里面的内容(就是连接对象a)用span包裹,而且,在li内部前添加img(用prepend)。

比较折腾的是,jQuery开始运行的语法,一直没有弄好,搞了几个小时,南京杜姓网友(http://hellodrupal.info/)提供的方法运行正常

jQuery(document).ready(function($){
……
});