关于主导航栏增加图片问题！求大神帮忙！！！

关于主导航栏增加图片问题！

还是先看图：

未放置鼠标到该区域时是这样显示的↓

放置鼠标到该区域时是这样显示的↓


就是把主导航栏下的二级导航名称以图片形式显示了；

但小生太笨，不懂要怎么弄才能成这样子，所以

求大神们帮个忙，谢谢了！

是不是可以添加缩略图来解决

直接使用showmenu函数去实现就可以

ARCHY` 发表于 2015-7-3 16:03
直接使用showmenu函数去实现就可以

亲，您好，请问要修改哪个文件哪段代码呢？

template/default/common/header.htm
查找129-137行

1. <div id="nv">
   
2.                                         <a href="javascript:;" id="qmenu" onMouseOver="delayShow(this, function () {showMenu({'ctrlid':'qmenu','pos':'34!','ctrlclass':'a','duration':2});showForummenu($_G[fid]);})">{lang my_nav}</a>
   
3.                                         <ul>
   
4.                                                 <!--{loop $_G['setting']['navs'] $nav}-->
   
5.                                                         <!--{if $nav['available'] && (!$nav['level'] || ($nav['level'] == 1 && $_G['uid']) || ($nav['level'] == 2 && $_G['adminid'] > 0) || ($nav['level'] == 3 && $_G['adminid'] == 1))}--><li {if $mnid == $nav[navid]}class="a" {/if}$nav[nav]></li><!--{/if}-->
   
6.                                                 <!--{/loop}-->
   
7.                                         </ul>
   
8.                                         <!--{hook/global_nav_extra}-->
   
9.                                 </div>

复制代码

下方添加

1. <script language="javascript">      
   
2.         function show(menu)
   
3.         {
   
4.             document.getElementById(menu).style.visibility="visible";
   
5.         }        
   
6.         function hide()
   
7.         {
   
8.             document.getElementById("menu1").style.visibility="hidden";           
   
9.        }
   
10.     </script>
    
11.       <table style="position:absolute;z-index:1001;margin-left:430px;margin-top:-3px;">
    
12.          <tr bgcolor="#FFFFFF">
    
13.              <td width="80" onMouseMove="show('menu1')" onMouseOut="hide()"><font color="E5EDF2">..........</font></td>            
    
14.          </tr>
    
15.       </table>
    
16.           <div id="menu1"  onMouseMove="show('menu1')" onMouseOut="hide()">
    
17.               <span><img src="http://i.imgur.com/pcy7gZq.png" style="position:absolute;z-index:1001;margin-left:430px;margin-top:-3px;"></span>           
    
18.           </div>

复制代码

上方代码中有两个margin-left:430px值
第一个是在控制滑鼠接触点的位置，第二个是在控制下拉图片的位置。
这两个值你自己调整到你主导航微信公众平台的下方即可，一般这两个值都设置相同即可。
数值愈大则愈往左移，数值愈小则愈往右移。
上方代码中的

1. http://i.imgur.com/pcy7gZq.png

复制代码

换成你自己的图片网址即可
修改好后上传覆盖，后台更新缓存。

mandy~ 发表于 2015-7-4 17:48
template/default/common/header.htm
查找129-137行

老师，你太强大了， 真是太谢谢你了，好人一生平安！