您当前的位置： 首页 > 学无止境 > 网站建设 网站首页网站建设

织梦实现二级下拉菜单导航

发布时间：2016-10-14 12:58:26编辑：雪饮阅读（）

织梦实现二级菜单导航： 

<style>

.wxl .xl{display:none;}

.wxl:hover .xl{display:block;}

</style>

            <div class="nav">

<a href="/">首页</a>

{dede:channelartlist typeid='7,1,5,4,8,9'}

<div style="position:relative;float:left;" class="wxl" onclick="jr(this,'{dede:field name='typeurl'/}')">

<a id="{dede:field name='id'/}" href="javascript:void(0);" class="lm_url">{dede:field name='typename'/}</a>

<div style="position:absolute;left:0px;top:35px;z-index:999;background:#3FA61F;" class="xl">

{dede:channel type='son' noself='yes'}<a href="[field:typelink/]">[field:typename/]</a>{/dede:channel}

</div>

</div>

{/dede:channelartlist}

<script>

function jr(obj,hrf){

var hf=obj.getElementsByClassName("lm_url").item(0).getAttribute('href');

var xl=obj.getElementsByClassName("xl").item(0).getElementsByTagName('a');

var ym=document.domain;

if(xl.length==0){var tz="http://"+ym+hrf;window.location.href=tz;}

}

</script>

            </div>

@小亮，分享给你的。一天就知道逼我，雪饮那有那么多时间。。。