ECShop鼠标划过弹出微信二维码功能

弹出微信二维码效果如下图:
ECShop鼠标划过弹出微信二维码功能

实现步骤如下:
1、打开你模板里的page_header.lbi文件,搜索如下代码:
<div class="f_l"><a href="../index.php" name="top"><img src="../images/logo.gif" /></a></div>
在代码的下面加入如下代码:
 <a href="javascript:;" title="微信" class="weixin"><img src="../images/weixin.png"></a> 
 <style type="text/css">
 .weixin{background:url(../images/weixin_icon.png) no-repeat;display:inline-block;width:23px;height:19px;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文件夹里
ECShop鼠标划过弹出微信二维码功能此图另存为后改名称为weixin_icon.png

ECShop鼠标划过弹出微信二维码功能此图另存为后改名称为weixin.png

其它说明:
1、调整位置的话,修改margin:5px;就可以了
2、替换微信图片的话,只要替换images文件夹里面的图片即可
3、你也可以先加一下ECSHOP插件网微信,会有更多惊喜

本文原创地址:https://www.ecshop.cx/article-217.html
版权所有 © 转载时必须以链接形式注明出处!

觉得本文对您有用,想收藏下来!方法很简单:请点击-〉
我们一直坚持白天工作、晚上熬夜更新资源,付出了巨大的精力和时间,其中的辛酸难以言述。

实时购买动态 ×

匿名网友 在 2019-10-28 购买了 给ECSHOP加上自动生成sitemap.html的网站地图插件利于提升百度SEO收录