如题，咸鱼添加了联系方式，然后很头疼不知道怎么弄
网上看了看说css、js
试了好多，最终选择了js
然后在header.php加入了script代码以及首页调用了这个id，成功实现了鼠标悬停就出现图片的功能
但是，发现我的整体div比较小，所以看起来就感觉有点难受
于是咸鱼就想，能不能用弹出框的方式呢。于是我又试了试，成功了。下面，我放一下代码

鼠标悬停浮现图片（js）

咱们搞到函数代码

 <script type="text/javascript"> 
 function showImg(){ 
 document.getElementById("wxImg").style.display='block'; 
 } 
 function hideImg(){ 
 document.getElementById("wxImg").style.display='none'; 
 } 
 </script> 

里面的wximg就是id了，这个可以自定义。
咸鱼的因为icon用的是svg，所以可能就导致了无法用css的方法？也许有大佬有更好的方式麻烦评论一下
首页需要修改的地方写入代码

<a class="" href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()" onclick="black()" title="微信">
<div id="wxImg" style="display:none;height:400px;position:absolute;"> // 这边可以设置一些参数 上面的onclick是弹窗的，不必管
<img id="wximg" src="你图片的地址" />

再来style中写入以下的，高度宽度位置自己调整奥

    #wximg {
                width: 160px;
                height: 220px;
                position: relative;
                right: 50px;
                bottom: 150px;

但是我感觉效果并不是很好，于是想用弹窗来进行实现
话不多说，我们上代码

点击实现弹窗（js）

首先，还是在你放函数的地方写入下面的代码

<script>
             /*
             'newwindow':弹出窗口的名字（不是文件名），非必须，可用''代替；
             toolbar=no 是否显示工具栏，yes为显示；
             menubar，scrollbars 表示菜单栏和滚动栏；
             resizable=no 是否允许改变窗口大小，yes为允许；
             location=no 是否显示地址栏，yes为允许；
             status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
             */
             function black(){
                 window.open ("要打开的网址", "弹出窗口的名字", "height=200, width=200, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no, top=-50, left=-80") // 参数自己设置哦
             }
         </script>

然后我们回到header或者你们的是index.php or index.html 把这个onclick输入进去

<a class="mask" href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()" onclick="black()" title="微信">

以上的，我们只要一个onclick="black()"即可，其他的可以不要哦

看下效果

鼠标移上去已经没有出现图片了，这是因为我把悬浮显图的js注释了，我们点击一下这个有了onclick的svg

成功的在左上角显示了图片，至于调整位置，这个调整一下叭

另外说一下这个position的一些常规值吧

{lamp/}