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实现鼠标移上去显示图片或微信二维码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • javascript中Math.random()使用详解

    javascript中Math.random()使用详解

    Math.random() 这个方法相信大家都知道,是用来生成随机数的。不过一般的参考手册时却没有说明如何用这个方法来生成指定范围内的随机数。这次我就来详细的介绍一下Math.random(),以及如何用它来生成制定范围内的随机数。
    2015-04-04
  • javascript 补零 函数集合

    javascript 补零 函数集合

    有时候我们需要对日期不足两位进行补零操作,或对一些数字不足多少位就补零。下面的函数就非常实用了,大家可以根据需要选择。
    2009-03-03
  • js购物车实现思路及代码(个人感觉不错)

    js购物车实现思路及代码(个人感觉不错)

    提起购物车想必只有在一些购物网站上才可以看得到,下面为大家介绍下使用js实现的购物车,感兴趣的朋友可以参考下
    2013-12-12
  • javascript实现倒计时效果

    javascript实现倒计时效果

    这篇文章主要为大家详细介绍了javascript实现倒计时效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • 理解javascript正则表达式

    理解javascript正则表达式

    这篇文章主要为大家详细介绍了javascript正则表达式,由浅入深的帮助大家学习正则表达式,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 自己动手写的javascript前端等待控件

    自己动手写的javascript前端等待控件

    等待控件在网上搜有好多种,但是都很复杂,不一定用的顺手,再说我的项目是bootstrap的原因,又不敢轻易使用第三方控件,怕不兼容,于是自己动手写了个等待控件,有需要的朋友可以参考下
    2015-10-10
  • 详解如何用webpack4从零开始构建react开发环境

    详解如何用webpack4从零开始构建react开发环境

    这篇文章主要介绍了详解如何用webpack4从零开始构建react开发环境,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01
  • JS层移支示例代码

    JS层移支示例代码

    JS层移支示例代码...
    2007-03-03
  • JS实现的车标图片提示效果代码

    JS实现的车标图片提示效果代码

    这篇文章主要介绍了JS实现的车标图片提示效果代码,涉及JavaScript鼠标事件触发页面元素遍历修改的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • 使用js实现一个简单的滚动条过程解析

    使用js实现一个简单的滚动条过程解析

    这篇文章主要介绍了使用js实现一个简单的滚动条过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09

最新评论