wordpress 网站主题,网站的推广方式有哪些,page+编辑+wordpress,网站建设是固定资产还是列费用大家好#xff0c;我是雄雄#xff0c;欢迎关注微信公众号#xff1a;雄雄的小课堂。 今天接到了个需求#xff0c;使用publiccms实现首页导航栏下拉的效果#xff0c;效果如下#xff1a; 目前我的思路如下#xff1a;
采用分类的方法实现将左侧的项作为二级分类右边… 大家好我是雄雄欢迎关注微信公众号雄雄的小课堂。 今天接到了个需求使用publiccms实现首页导航栏下拉的效果效果如下 目前我的思路如下
采用分类的方法实现将左侧的项作为二级分类右边内容作为三级分类其中右边红色部分是三级分类的标题红色下面的项是作为分类扩展来实现的。
后台分类的层次关系如下
分类类型如下所示 接下来就是实现代码了通过双重循环的方式遍历所有菜单。
!--解决方案下拉显示的宽屏菜单--
div classnavigation-downdiv idproduct classnav-down-menu menu-1 styledisplay: none; _t_navproductdiv classnavigation-down-inner div classrow!--空的占地的--div classcol-lg-1 col-md-1 kongde/div!--菜单信息--div classcol-lg-10 col-md-10 col-sm-12 col-xs-12 text-center caidaninfo stylemargin: 0 autodiv classindex_section sec02div classcontainerdiv classrow!--左边的菜单--div classcol-lg-3 col-md-3 col-sm-3 col-xs-3style background-color: rgba(0,0,0,0.4); padding: 0px; div classstyleborder: 0;margin-top: 0px !important;padding-top: 0 !important;ul classindex_jjfaxl_ulli classzxlf4 b查看全部解决方案/b/li_categoryList parentId26#assign counts0 #list page.list as ali classtext_nav_item_xiala zxlf4 data-i${counts!}${a.name!}/li#assign countscounts1 /#list/_categoryList /ul/div/div!--点击菜单显示的内容--div classcol-lg-9 col-md-9 col-sm-9 col-xs-9_categoryList parentId26#list page.list as adiv classxiala_info col-lg-12 col-md-12 col-sm-12 col-xs-12 text_item_xiala _categoryList parentIda.id #list page.list as bdldta href${b.url!}${b.name!}/a/dtdda href${b.url!}${getCategoryAttribute(b.id).one!?no_esc}/a/dddda href${b.url!}${getCategoryAttribute(b.id).two!?no_esc}/a/dddda href${b.url!}${getCategoryAttribute(b.id).three!?no_esc}/a/dddda href${b.url!}${getCategoryAttribute(b.id).four!?no_esc}/a/dddda href${b.url!}${getCategoryAttribute(b.id).five!?no_esc}/a/dd/dl/#list/_categoryList/div/#list/_categoryList/div/div/div/div/div/div/div/div/div已经OK啦。