在线亚洲男人的天堂a∨_中国毛片区免费区_伊人久久中文大香线蕉综合_久了精品国产99国产精

將想法與焦點和您一起共享

網(wǎng)站二級下拉菜單導(dǎo)航制作方法發(fā)布者:本站     時間:2020-05-12 14:05:55

1、放以下的代碼到</head>標(biāo)簽上方
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

2、刪除原來的菜單的DIV,放下面的代碼:
通過分別調(diào)用分類和頁面的代碼:

	
<div id="nav1"> <div id="nav"> <div id="MODBLK_225" class="mod_block mb_56YrvV58_block"> <div class="nav_l"></div> <ul id="nav_sgBhgn" class="navigation"> <li><a href=" <?php echo get_option('home'); ?>">首頁</a></li> <?php wp_list_categories('title_li=0&orderby=name&show_count=0&depth=5'); ?> <?php wp_list_pages('sort_column=menu_order&title_li=&depth=2&include='); ?> </ul> <div class="nav_r"></div></p><p><script type="text/javascript"> var topMenuNum = 0; $("#nav_sgBhgn li").hover( function(){ topMenuNum++; $(this).attr("id","kindMenuHover"+topMenuNum); $("#kindMenuHover" + topMenuNum + " > ul").show(); $(this).parent().addClass("hover"); }, function(){ $("#"+$(this).attr("id")+" > ul").hide(); $(this).attr("id",""); $(this).parent().removeClass("hover"); } ); </script></div></div></div>

使用后臺菜單調(diào)用:

	
<nav class="xf_meau"> <?php wp_nav_menu( array( 'container' => '','menu_class' => 'xf_meau_list clearfix','menu_id' => "nav_sgBhgn",'depth' => 2, ) ); ?> </nav> <script type="text/javascript"> var topMenuNum = 0; $("#nav_sgBhgn li").hover( function(){ topMenuNum++; $(this).attr("id","kindMenuHover"+topMenuNum); $("#kindMenuHover" + topMenuNum + " > ul").show(); $(this).parent().addClass("hover"); }, function(){ $("#"+$(this).attr("id")+" > ul").hide(); $(this).attr("id",""); $(this).parent().removeClass("hover"); } ); </script></div>

3、在style.css中放入以下代碼:

	
.xf_meau{width:100%;height:56px;background:#017ED2} .xf_meau_list{width:1180px;margin:0 auto;} .xf_meau_list>li{width:10%;line-height:55px;float:left;text-align:center;position:relative;} .xf_meau_list a{font-size:1.2em;color:#fff;} .xf_meau_list li.current-menu-item {background:#0c619a;} .xf_meau_list li:hover{background:#0c619a;} .xf_meau_list li:hover a{text-decoration:none;}</p><p>.xf_meau_list li UL {Z-INDEX: 8; POSITION: absolute; display: none; BaCKGROUND: #017ED2; TOP: 55px;width:100%; } .xf_meau_list li UL UL {Z-INDEX: 200; TOP: 0px; LEFT: 90px} .xf_meau_list li UL li {height:45px;line-height:45px;border-top:1px solid #017ED2;} .xf_meau_list li UL li:hover {BaCKGROUND: #0c619a;} .xf_meau_list li.current-menu-item { BaCKGROUND: #0c619a; }


  1. 網(wǎng)站鏈接分享朋友圈沒有縮略圖解決方法

  2. 網(wǎng)站鏈接分享朋友圈沒有縮略圖解決方法

  3. 網(wǎng)站鏈接分享朋友圈沒有縮略圖解決方法
  4. 網(wǎng)站鏈接分享朋友圈沒有縮略圖解決方法

  5. 網(wǎng)站鏈接分享朋友圈沒有縮略圖解決方法



選擇我們,優(yōu)質(zhì)服務(wù),不容錯過
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗,優(yōu)秀的技術(shù)和設(shè)計水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時聯(lián)系電話:021-58370032