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日

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