今天分享一个最简单的鼠标移动到一个小图上出现大图的代码
这个代码可以应用于鼠标放在微信图标上,出现二维码的简答演示效果
代码内容如下:
<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>
可以拓展为:鼠标放在小图上出现大图的代码
这个代码可以应用于鼠标放在微信图标上,出现二维码的简答演示效果
代码内容如下:
<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>
可以拓展为:鼠标放在小图上出现大图的代码
转载请注明:首页 > 学习笔记 > 网站技能 ? 最简单JS代码实现鼠标移入显示二维码