📄 index.html

📁 10款图片展示类的JavaScript代码

💻 HTML

字号:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>4</title>
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
	body {
		background: #222;
		overflow: hidden;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}

	#screen img {
		position: absolute;
		visibility: hidden;
	}

	#screen span {
		position: absolute;
		background: #fff;
		cursor: pointer;
		visibility: hidden;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}
</style>

<script src=main.js type="text/javascript"></script>
</head>

<body>

	<div style="position:absolute;left:50%;top:50%">
		<div style="position:absolute;left:-220px;top:-170px;width:440px;height:340px;background:#000"></div>
		<div id="screen" style="position:absolute;left:-200px;top:-150px;width:400px;height:300px;overflow:hidden">

		</div>
	</div>

	<div id="images" style="position:absolute;left:-10000px;top:-10000px;">
		<img onload="setTimeout('starter();',500)" src="wi37.jpg">
		<img src="wi2.jpg">
		<img src="wi7.jpg">
		<img src="wi20.jpg">
		<img src="wi3.jpg">
		<img src="wi10.jpg">
		<img src="wi30.jpg">
		<img src="wi11.jpg">
		<img src="wi21.jpg">
		<img src="wi29.jpg">
		<img src="wi19.jpg">
		<img src="wi27.jpg">
		<img src="wi33.jpg">
		<img src="wi35.jpg">
		<img src="wi42.jpg">
		<img src="wi15.jpg">
	</div>

</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -