js实现二维码弹出

最新推荐文章于 2024-05-14 11:32:17 发布

游侠509

最新推荐文章于 2024-05-14 11:32:17 发布

阅读量1w

点赞数 1

分类专栏： JAVAEE

本文链接：https://blog.csdn.net/xy2953396112/article/details/60571839

版权

JAVAEE 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>LIGHTBOX EXAMPLE</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript">
function showImg(){
document.getElementById("wxImg").style.display='block';
}
function hideImg(){
document.getElementById("wxImg").style.display='none';
}
</script>

</head>
<body>

   <div id="kalated-weixin">

    <a href="javascript:void(0)" οnmοuseοver="showImg()">
        <img class="wx" src="http://www.czqiushi.com/wp-content/uploads/2015/10/wx.png" οnclick="hideImg()">
    </a>

</div>
    <div id="wxImg" style="display:none; right: 120px; top: 50px;back-ground:#f00;position:absolute; z-index:999;">
        <img class="wx" src="http://www.czqiushi.com/wp-content/uploads/2015/10/weixin.jpg">
    </div>
</body>

</html>

css样式需要自己定义

游侠509

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
js实现二维码弹出

LIGHTBOX EXAMPLE function showImg(){document.getElementById("wxImg").style.display='block';}function hideImg(){document.getElementById("wxImg").style.display='none';}
复制链接

扫一扫

专栏目录