📄 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>8</title>
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
	html {
		overflow: hidden;
	}
	body {
		margin: 0px;
		padding: 0px;
		background: #222;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	#screen {
		position:absolute;
		left: 0%;
		top: 0%;
		width: 100%;
		height: 100%;
		background: #000;
		overflow: hidden;
		cursor: url("../cross_rm.cur"), auto;
	}
	#pan {
		position: absolute;
		height: 150%;
		width: 150%;
		padding: 5%;
		background: #000000 url("bumps2.gif");
	}
	#screen .frame {
		position: relative;
		float: left;
		width: 29%;
		height: 27%;
		margin: 2%;
		background: #000;
		overflow: hidden;
	}
	#screen .slider {
		position: absolute;
		width: 100%;
		height: 100%;
		background: #222 url("bumps3.gif");
		z-index: 1000;
	}
	#pan img {
		position: absolute;
		visibility: hidden;
	}
	#pan .legend {
		position: absolute;
		bottom: 0px;
		font-size: 1em;
		color: #FFF;
		width: 2000px;
		font-family: arial;
		font-weight: bold;
	}
</style>

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

<body>

<div id="screen">
	<div id="pan">
		<div class="frame" title="Isolating the longer dimension of the main hall"><img src="gr69.jpg" alt=""></div>
		<div class="frame" title="We’ll start from here?, my partner said."><img src="or66.jpg" alt=""></div>
		<div class="frame" title="As we proceeded, I recalled a similar situation"><img src="bl117.jpg" alt=""></div>
		<div class="frame" title="The place was no example of resource efficient construction."><img src="bl112.jpg" alt=""></div>
		<div class="frame" title="Ultracompaction had been caused by the linear vibrator."><img src="gr68.jpg" alt=""></div>
		<div class="frame" title="We put the meter to use. It was the fully-built one."><img src="rd103.jpg" alt=""></div>
		<div class="frame" title="Soon we accessed the restricted area."><img src="rd101.jpg" alt=""></div>
		<div class="frame" title="The combo password was validated."><img src="gr66.jpg" alt=""></div>
		<div class="frame" title="We succeeded to quantify the network."><img src="bl116.jpg" alt=""></div>
	</div>
</div>

<script type="text/javascript">
	/* ==== start script ==== */
	sP.init();
	onresize = sP.resize;
</script>

</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -