6.2.18 5秒后关闭广告-优快云博客

本文档提供了一个简单的HTML页面示例，该页面使用CSS进行布局，并通过JavaScript实现图片元素的自动隐藏功能。页面包含重复的文字列表及两个固定位置的图像元素，利用setTimeout函数在页面加载5秒后将这两个图像元素隐藏。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{padding: 0;margin: 0;}
			img{
				position: fixed;
			}
			ul{list-style: none;}
			#left{left: 0;}
			#right{right: 0;}
			ul li{
				font-size: 25px;
			}
		</style>
	</head>
	<body>
		<img src="images/1.gif"/ id="left">
		<img src="images/1.gif"/ id="right">
		<ul>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			<li>屠龙宝刀，点击就送</li>
			
		</ul>
		
	</body>
	
	<script type="text/javascript">
		window.onload  = function(){
			var left = document.getElementById('left');
			var right = document.getElementById('right');
			
			setTimeout(function(){
				left.style.display = 'none';
				right.style.display = 'none';
				
				
			},5000)
		}
	</script>
</html>

转载于:https://www.cnblogs.com/beallaliu/p/9348092.html