Dedecms调用栏目导航并生成二级下拉菜单

Dedecms调用栏目导航并生成二级下拉菜单,第1张

Dedecms调用栏目导航并生成二级下拉菜单 自带标签生成相信大家都知道,也很简单。

织梦默认的生成标签是这样的:
 

{dede:channel type=’top’ row=’10′ currentstyle=”
  • ~typename~
  • ”}
  • [field:typename/]
  • {/dede:channel}

    这个并不带有二级菜单,这里有一串代码,简单生成并带有下拉效果的二级菜单代码如下:

    CSS代码:
     

    .zb { list-style:none; text-align:left; position:absolute; z-index:99999; margin:0px; padding:0px !important; top:37px; left:0px; background:#009900; width:130px; display:none }
    .zb li{ text-align:left ; line-height:30px !important; height:30px; width:130px; }
    .r{ margin-left:10px; font-weight:normal}
     
     
    .nav_cc li{ float:left;line-height:37px;  font-weight:bold; color:#fff; font-family:黑体;}
     
    .nav_cc ul{ padding-left:20px}
     
    .nav_cc li a:link,.nav_cc li a:visited{ font-size:14px; color:#fff; margin:auto 15px}
     
    .nav_cc li a:hover{ color:#f00}
     
    .hover{color:#f00}

    带有织梦标签的html:
     

     //引入要用的js
    
    
    • 主页 |
    • {dede:channelartlist row=8}
    • {dede:field name='typename'/} |
        {dede:sql sql='Select * from dede_arctype where reid=~id~ ORDER BY id limit 0,17'}
      • [field:typename/]
      • {/dede:sql}
    • {/dede:channelartlist}
    • 技术问答 |

    最后是下拉菜单执行代码:


    
    			
    		
    	
    
    

    欢迎分享,转载请注明来源:内存溢出

    原文地址: https://outofmemory.cn/zaji/3005525.html

    (0)
    打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
    上一篇 2022-09-27
    下一篇 2022-09-27

    发表评论

    登录后才能评论

    评论列表(0条)

    保存