不知道为什么这样子不行

最新推荐文章于 2023-04-23 10:31:20 发布

牟童

最新推荐文章于 2023-04-23 10:31:20 发布

阅读量166

点赞数

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/c9316/article/details/83062219

版权

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		.code{
			width: 49px;
			height: 45px;
			background:url("bgs.png");
			position:fixed;
			right: 10px;
			top: 40%;
			cursor: pointer;
		}
		.show{
			display:block;
			width: 149px;
			height: 152px;
			position: fixed;
			right:59px;
			top:40%;
			background: url("456.png");
		}
	</style>
</head>
<body>
	<div id="QRcode" class="code" onmouseover="showQR()" onmouseout="QR()"></div>
	<script>
       function showQR(){
       		document.getElementById("QRcode").classList.addClass('show');
       		//document.getElementById("QRcode").className="show";
       }
       function QR(){
       		document.getElementById("QRcode").className="code";
       }
	</script>						
</body>
</html>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

牟童 CSDN认证博客专家 CSDN认证企业博客

码龄8年

63: 原创

8万+: 周排名

211万+: 总排名

9万+: 访问

: 等级

1260: 积分

13: 粉丝

22: 获赞

13: 评论

71: 收藏

私信

关注

热门文章

最新评论

react——react-transition-group的基本使用（二）SwitchTransition组件
weixin_44825765: 为什么要加key={isOn?"on":"off"}
python-14.python异常、自定义异常
大家一起学编程（python）: 这个操作秀
python-14.python异常、自定义异常
huanghelouzi: 文章写得很好，期待你的回访。
案例：点击按钮隐藏图片再次点击显示图片
༺ཌༀ小雨༒明天ༀད༻: 这样你就能清楚看到变化了
案例：点击按钮隐藏图片再次点击显示图片
༺ཌༀ小雨༒明天ༀད༻: 因为你不用else，两个if都会执行。当你第一个if成立后他第二个也就成立了，你当然看不到变化，你第一个成立跳到第二个，第二个成立又跳第一个去了。还有就是个人建议一步一步的写清楚，不然初学者第一眼看上去有点蒙。你这个我小改了一下[code=html] <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <head> <meta charset="UTF-8"> <title>Document</title>  </head> <body> <button style="display:block;" id="world">显示图片</button> <img src="img/p2_1.png" id="img" /> <script> var fn=document.getElementById("world"); var img=document.getElementById("img"); fn.onclick=function(){ if(fn.innerHTML=="显示图片"){ img.style.display="block"; fn.innerHTML="隐藏图片"; } if(fn.innerHTML=="隐藏图片"){ img.style.display="none"; fn.innerHTML="图片"; } } </script> </body> </body> </html> [/code][code=html] [/code]

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。