脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 鼠标移上去显示二维码

JS实现鼠标移上去显示图片或微信二维码

 更新时间：2016年12月14日 17:10:42   作者：afterrains  
本文给大家分享一段使用的js代码实现鼠标移入显示图片或微信二维码样式，代码简单易懂，非常不错，需要的朋友参考下吧

废话不多说了，直接给大家贴代码了。

<html> 
<head> 
<script type="text/javascript"> 
function showImg(){ 
document.getElementById("wxImg").style.display='block'; 
} 
function hideImg(){ 
document.getElementById("wxImg").style.display='none'; 
} 
</script> 
</head> 
<body> 
<a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()">测试</a> 
<div id="wxImg" style="display:none;height:50px;back-ground:#f00;position:absolute;">这里是微信图片</div> 
</body> 
</html>

以上所述是小编给大家介绍的JS实现鼠标移上去显示图片或微信二维码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • 详细分析jsonp的原理和实现方式

    详细分析jsonp的原理和实现方式

    给大家图文详细分析一下jsonp的原理以及跨域问题的汇总。
    2017-11-11
  • JavaScript 学习 - 提高篇

    JavaScript 学习 - 提高篇

    JavaScript 学习 - 提高篇...
    2007-02-02
  • 最简单的tab切换实例代码

    最简单的tab切换实例代码

    下面小编就为大家带来一篇最简单的tab切换实例代码。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 在小程序中集成redux/immutable/thunk第三方库的方法

    在小程序中集成redux/immutable/thunk第三方库的方法

    这篇文章主要介绍了在小程序中集成redux/immutable/thunk第三方库的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • JavaScript跨平台的开源框架NativeScript

    JavaScript跨平台的开源框架NativeScript

    本文给大家分享的是一款使用javascript来构建跨平台原生移动应用的开源框架--NativeScript，可以使用JavaScript开发跨平台、真正原生的iOS, Android 和 Windows 移动App。开发人员使用NativeScript提供的库来构建应用UI，其抽象了各种原生平台之间的不同。
    2015-03-03
  • JS弹出层遮罩,隐藏背景页面滚动条细节优化分析

    JS弹出层遮罩,隐藏背景页面滚动条细节优化分析

    下面小编就为大家带来一篇JS弹出层遮罩,隐藏背景页面滚动条细节优化分析。小编觉得挺不错的，现在分享给大家，也给大家做个参考
    2016-04-04
  • JS原生轮播图的简单实现(推荐)

    JS原生轮播图的简单实现(推荐)

    下面小编就为大家带来一篇JS原生轮播图的简单实现(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • JavaScript Split()方法

    JavaScript Split()方法

    split()方法可以利用字符串的子字符串的作为分隔符将字符串分割为字符串数组，并返回此数组，本文给大家介绍javascript split 方法，对本文感兴趣的朋友一起学习吧
    2015-12-12
  • JS实现漂亮的淡蓝色滑动门效果代码

    JS实现漂亮的淡蓝色滑动门效果代码

    这篇文章主要介绍了JS实现漂亮的淡蓝色滑动门效果代码,涉及JavaScript通过自定义函数遍历页面元素及动态设置元素属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • 微信小程序开发的基本流程步骤

    微信小程序开发的基本流程步骤

    这篇文章主要介绍了微信小程序开发的基本流程步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01

最新评论