Prestashop教程之目录导航仿京东商城

Category :prestashop Published by thinkzz on 2011-01-19 Go to comments (14)

Prestashop默认目录展开只要在 模块>分类区域>动态. 关闭启用动态效果就行了. 但顶上导航要做到仿京东商城的目录则还要写些代码.　效果图： [点这]
首先. 找到sf-menu的这个class. 换成自己想要的classname.  然后在yourwesite/modules/blocktopmenu/thinkzz.js 增加个js文件叫thinkzz.js .
把这段放进去

 $(function(){
 $("[id=hover_menu] > li").hover( function () {
      $(this).find('ul').addClass("disactive");
         },function () { $(this).find('ul').removeClass("disactive");});
  });
/**-----by thinkzz-------**//
再写css.
css /*------add by thinkzz  11.1.19----*/
#hover_menu > li{float:left;padding:10px 10px;}
.aa{display:none; visibility:hidden;}
.aa ul{padding:0 0 0 10px;}
.disactive {display:block; visibility:visible;}css具体要根据自