最简单JS代码实现鼠标移入显示二维码

最简单JS代码实现鼠标移入显示二维码

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2018-06-26 13:11:02
文章简介

鼠标移入即显二维码,极简JS实现:只需几行代码,监听鼠标移入事件,动态显示二维码图片。无需复杂配置,快速集成,提升用户体验。

  • 正文开始
  • 相关阅读
  • 推荐作品

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

function hideImg(){ 
document.getElementById("wxImg").style.display='none'; 

</script> 
      <li><a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="小图片地址" /></a></li>
<div id="wxImg" style="display:none;height:50px;back-ground:#f00;position:absolute;    z-index: 999;"><img src="二维码图片地址" /></div>

获取内容指定图片地址,赋值给超链接。多用在前端“查看原图”交互
« 上一篇 2018年06月15日
js问候-早上好、中午好、晚上好
下一篇 » 2018年09月20日

如本文对您有帮助,就请墨鱼抽根烟吧!