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