使用織夢(mèng)模板建站時(shí),很多網(wǎng)站需要二級(jí)菜單導(dǎo)航,這時(shí)就需要通過代碼將后臺(tái)的所有一級(jí)菜單和二級(jí)菜單都調(diào)用出來。
0T1492W7-0
下載導(dǎo)航下拉菜單jquery特效基礎(chǔ)包。百度很多
將下載的壓縮包解壓出來,將里面的jquery1.42.min.js和jquery.SuperSlide.2.1.3.js二個(gè)文件通過FTP工具上傳到自己模板的js文件夾里;
0T1491O2-1
在頭部模板head.htm里找到</head>標(biāo)簽,將下的代碼放到</head>標(biāo)簽上面;(注意文件路徑)
<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>
使用以下的代碼替換原來的網(wǎng)站導(dǎo)航菜單代碼。
<div id="navvr">
<ul>
<li><a href="{dede:global.cfg_cmsurl/}/">網(wǎng)站首頁</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",// 效果類型,針對(duì)菜單/導(dǎo)航而引入的參數(shù)(默認(rèn)slide)
                 titCell:".nLi", //鼠標(biāo)觸發(fā)對(duì)象
                 targetCell:".submeau", //titCell里面包含的要顯示/消失的對(duì)象                 effect:"slideDown", //targetCell下拉效果
                 delayTime:300 , //效果時(shí)間
                 triggerTime:0, //鼠標(biāo)延遲觸發(fā)時(shí)間(默認(rèn)150)
                 returnDefault:true //鼠標(biāo)移走后返回默認(rèn)狀態(tài),例如默認(rèn)頻道是“預(yù)告片”,鼠標(biāo)移走后會(huì)返回“預(yù)告片”(默認(rèn)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;}
在網(wǎng)站后臺(tái)--核心---網(wǎng)站欄目管理,進(jìn)行一級(jí)欄目與二級(jí)欄目的添加。
3