javascript鼠标悬浮出现二维码

来源：互联网发布：eia数据美国公布时间编辑：程序博客网时间：2024/06/06 10:54

    <div id="Layer1" style="display: none; position: absolute; z-index: 100;box-shadow: 6px 6px 4px #888888;">    </div>      <li><a href="#" onmouseout="hiddenPic();" onmousemove="showPic(event,'assets/img/login_chat.png');">百度</a></li>    <script language="javascript">       function showPic(e,sUrl){          var x,y;          x = e.clientX;          y = e.clientY;          //此处图片出现位置可自行调整          document.getElementById("Layer1").style.left = x-70+'px';          document.getElementById("Layer1").style.top = y-175+'px';          document.getElementById("Layer1").innerHTML = "<img border='0' width='140px' height='140px' src=\"" + sUrl + "\">";          document.getElementById("Layer1").style.display = "";       }       function hiddenPic(){          document.getElementById("Layer1").innerHTML = "";          document.getElementById("Layer1").style.display = "none";       }    </script>

0 0