-
水上樂園設備類網站織夢...
-
新媒體自媒體運營資訊類...
-
網站建設營銷類網站織夢...
-
APP應用程序官網類網站織...
-
辦公學習教程資訊類網站...
-
園林綠化景觀建設類網站...
-
中藥藥材百科資訊類網站...
-
汽車配件類網站織夢模板...
-
企業公司行業通用類網站...
-
園林景觀設計類網站織夢...
-
環保設備研發制造類網站...
-
農業機械設備類網站織夢...
-
道路護欄交通設施類網站...
-
灶具電器設備類網站織夢...
-
攝影拍攝短視頻類網站織...
-
LED顯示屏中英雙外貿類網...
-
車輛機油工業潤滑油類網...
-
水性工業漆類企業網站織...
-
環保電動掃地車類網站織...
-
潮流資訊信息類網站織夢...
使用織夢模板建站時,很多網站需要二級菜單導航,這時就需要通過代碼將后臺的所有一級菜單和二級菜單都調用出來。

下載導航下拉菜單jquery特效基礎包。百度很多
將下載的壓縮包解壓出來,將里面的jquery1.42.min.js和jquery.SuperSlide.2.1.3.js二個文件通過FTP工具上傳到自己模板的js文件夾里;

在頭部模板head.htm里找到</head>標簽,將下的代碼放到</head>標簽上面;(注意文件路徑)
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/static/js/jquery1.42.min.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/static/js/jquery.SuperSlide.2.1.3.js"></script>
使用以下的代碼替換原來的網站導航菜單代碼。
<div id="navvr"><ul><li><a href="{dede:global.cfg_cmsurl/}/">網站首頁</a></li>{dede:channelartlist row='10' typeid='top' }<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 `dede_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:typelink/]'>[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>
將以下的CSS樣式代碼粘貼到style.css文件最下面。
.nLi{float:left;position:relative;}.submeau{ display:none; width:130px; left:-30px; top:100%; position:absolute; z-index:999;background:#4E4E4E; line-height:26px; padding:0; }.submeau li{ zoom:1; width:100%;margin:0 !important;padding:5px 0; }.submeau a{ display:block; width:100%;margin:0; }.submeau a:hover{ background:#6d6d6d; color:#fff; } .subno{display:none;}
在網站后臺--核心---網站欄目管理,進行一級欄目與二級欄目的添加。






