主页 > 网站建设 >

织梦下拉二级菜单导航自动调用实现方法
网站建设 2022-07-27 08:12www.1681989.com免费网站
使用织梦建网站时，很多网站需要二级菜单导航，这时就需要通过代码将后台的所有一级菜单和二级菜单都调用出来。效果如下图 方法/步骤 下载导航下拉菜单jquery特效基础包。链接: https: […]



使用织梦建网站时，很多网站需要二级菜单导航，这时就需要通过代码将后台的所有一级菜单和二级菜单都调用出来。效果如下图

方法/步骤

  1. 下载导航下拉菜单jquery特效基础包。链接: https://pan.baidu./s/1OfiCNiWJXE74QNvLq70IUA 提取码: ynur 
  2. 将下载的压缩包解压出来，将里面的jquery1.42.m.js和jquery.SuperSlide.2.1.3.js二个文件通过FTP工具上传到自己模板的js文件夹里；
  3. 在头部模板head.htm里找到</head>标签，将下的代码放到</head>标签上面；（注意文件路径） 
    
		
    
			
    
				<script type="text/javascript" src="{dede:global.cfg_templets_sk/}/static/js/jquery1.42.m.js"></script> <script type="text/javascript" src="{dede:global.cfg_templets_sk/}/static/js/jquery.SuperSlide.2.1.3.js"></script>
    
		
    
	
    4. 
	
  4. 
		使用推火网以下的代码替换原来的网站导航菜单代码。
		
    
		
    
			
    
				<div id="navvr">   <ul> <li><a href="{dede:global.cfg_cmsurl/}/">网站首页</a></li>     {dede:channelartlist row='10' typeid='' } <li class="nLi"> <a href="{dede:field name='typeurl'/}">{dede:field name='typename'/} </a> <ul {dede:field name=typeid runphp="yes"} global $dsql; $sql = "SELECT id From `58pic_arctype` WHERE reid='@me' And ishidden<>1 order by sortrank asc limit 0, 100 "; $row = $dsql->GetOne($sql);             @me=is_array($row)?'class="submeau"':'class="subno"';{/dede:field}> {dede:channel type='son' noself='yes' } <li><a href='[field:typelk/]'>[field:typename/]</a></li> {/dede:channel} </ul> </li> {/dede:channelartlist} </ul> </div> <script id="jsID" type="text/javascript">                         jQuery("#navvr").slide({                 type:"menu",// 效果类型，针对菜单/导航而引入的参数（默认slide）                 titCell:".nLi", //鼠标触发对象                 targetCell:".submeau", //titCell里面包含的要显示/消失的对象                 effect:"slideDown", //targetCell下拉效果                 delayTime:300 , //效果时间                 triggerTime:0, //鼠标延迟触发时间（默认150）                 returnDefault:true //鼠标移走后返回默认状态，例如默认频道是“预告片”，鼠标移走后会返回“预告片”（默认false）             });         </script>
    
		
    
	
    5. 
	
  5. 
		将推火网以下的CSS样式代码粘贴到style.css文件最下面。
		
    
		
    
			
    
				        .nLi{float:left;position:relative;} .submeau{ display:none; width:130px; left:-30px; :100%;  position:absolute; z-dex:999;background:#4E4E4E;  le-height:26px; paddg:0;  } .submeau li{ zoom:1; width:100%;marg:0 !important;paddg:5px 0; } .submeau a{ display:block; width:100%;marg:0; } .submeau a:hover{ background:#6d6d6d; color:#fff;  } .subno{display:none;}
    
		
    
	
    6. 
	
  6. 
		在网站后台--核心---网站栏目管理，进行一级栏目与二级栏目的添加。 
    7. 
	
  7. 
		这样就可以制作出织梦下拉二级菜单导航了。
    8. 





 

        
 上一篇：
织梦CMS中英文站当前位置面包屑去掉首页和分 
          下一篇：
网站内容更新在搜索引擎优化能起到哪些作用  

        

          
网站设计

          
        

               
      

    

    

  







  
Copyright © 2016-2025  www.1681989.com  推火网 版权所有 Power by