ECshop鼠標劃過彈出 微信掃一掃代碼

 

 效果如上圖

 

安裝步驟：
1，將如下代碼放到page_header.lbi裏  
<div class="f_l"><a href="../index.php" name="top"><img src="../images/logo.gif" /></a></div>

的後面

 

<a href="../index.php" name="top"><img src="../images/logo.gif" /></a><a href="javascript:;" title="微信" class="weixin">
<img src="../images/weixin.png"> </a> 
 
<style type="text/css">
<!--
.weixin{background:url(../images/headTop_icon.png) no-repeat; display:inline-block;width:17px; height:17px;  position:relative; margin:5px; z-index:999999999}
.weixin img{ display:none}
.weixin:hover img{ display: block; position:absolute; left:0; top:20px;}
-->
</style>

 

2，將下面兩張圖片另存爲後更名稱後放到模板images文件夾裏

 

說明：

1，調整位置的話，修改margin:5px;就能夠了

2，替換微信圖片的話，只要替換images文件夾裏面的圖片便可

3，你也能夠先加一下模板堂的微信，會有更多驚喜

 

 此圖另存爲後更名稱爲 headTop_icon.png

 

 

此圖另存爲後更名稱爲 weixin.png