zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    济南空中课堂视频下载辅助脚本
    npm 修改仓库源
    Java后端实现登陆的方式
    java 新词汇
    数据库系统,设计、实现与管理(基础篇)阅读笔记
    java 面试01
    js rem 适配多端
    了解Java
    linux 查看内存使用情况
    linux 日志查看
  • 原文地址:https://www.cnblogs.com/wangblognet/p/3782399.html
Copyright © 2011-2022 走看看