图片停留三秒&点击关闭后消失javaScript案例

GuessHat

于 2020-07-17 08:26:10 发布

阅读量1.3k

点赞数

分类专栏： # javaScript 文章标签： javascript

本文链接：https://blog.csdn.net/Guesshat/article/details/107399807

版权

javaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

图片停留三秒&点击关闭后消失javaScript案例

使用图片地址：https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3934837541,1515601765&fm=26&gp=0.jpg

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	</head>
	<body>
		<!-- 只设置了图片和关闭的字符 -->
		<img src="img/3.jpg" id = "i">
		<span id="close" onmousedown="f()">
			X
		</span>
	
		<!-- Script代码 -->
		<script type="text/javascript">
			var img = document.getElementById("i");
			img.style.marginLeft="765px";	
			img.style.marginTop = "50px"
			
			var close = document.getElementById("close");
			close.style.color="red";
			close.style.float="left";
			close.style.position="relative";
			close.style.left="1290px";
			close.style.top="55px";
			close.style.cursor="pointer";
			
			setTimeout(function(){
				img.style.visibility= "hidden";
			},3000)
			function f(){
				img.style.visibility="hidden"
				close.style.visibility="hidden"
			}
		</script>
	</body>
</html>

GuessHat

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
图片停留三秒&点击关闭后消失javaScript案例

图片停留三秒&点击关闭后消失javaScript案例使用图片地址：https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3934837541,1515601765&fm=26&gp=0.jpg<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> &
复制链接

扫一扫

专栏目录