DeDeCMS中如何实现下拉菜单

爱被打了一巴掌 2021-11-19 14:52 295阅读 0赞

在5.7版本，已经有比较简单的方法实现下拉菜单，我们可以用它已有方法，也可以用我写的第二种方法来实现

1. 在需要下拉菜单的地方加入以下代码

<div id="navMenu">
    			<ul>
    				<li><a href="{dede:global.cfg_indexurl/}">首页</a></li>                                
                                        {dede:channel row='10' typeid="13"}
    				    <li><a href="[field:typeurl/]"[field:rel/]>[field:typename/]</a></li></li>                                 
                                        {/dede:channel}
    			</ul>
    		</div>

在页面底部加入以下代码

再加入以下样式

这样就可以出二级菜单了，你需要自己再调一下显示样式

2. 用channelartlist和sql标签来生成li

<nav id="navigation" class="navigation clearfix">
    			<ul class="clearfix">
    				<li class='active'>
    					<a href="{dede:global.cfg_indexurl/}/" rel=“nofollow”>首页</a>
    				</li>
    				{dede:channelartlist typeid='13'}
    					<li><a href='{dede:field name='typeurl'/}'>{dede:field name='typename'/}</a>
    						<ul> 
    						{dede:sql sql='Select * from dede_arctype where reid=~id~  ORDER BY id limit 0,17'} 
    						<li><a href='[field:typeurl/]'>[field:typename/]</a></li> 
    						{/dede:sql} 
    						</ul>
    					</li>
    				{/dede:channelartlist}
    			</ul>
    			<div class="widget_social clearfix">
    				<ul class="social-icons clearfix">
    					<li class="facebook"><a href="#">Facebook<span></span></a></li>
    					<li class="twitter"><a href="#">Twitter <span></span></a></li>
    					<li class="rss"><a href="#">Rss <span></span></a></li>
    					<li class="youtube"><a href="#">YouTube <span></span></a></li>
    				</ul>
    			</div>
    		</nav>

这样就生成出

<ul>

<li>

<ul>

</ul>

</li>

</ul>

这样的结构，然后网上随便搞个jquery的下拉菜单的代码都可以实现漂亮的下拉菜单了

转载于:https://www.cnblogs.com/riasky/p/3433247.html