📄 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>6</title>
<style type="text/css">
	html {
		overflow: hidden;
	}
	body {
		position: absolute;
		margin: 0px;
		padding: 0px;
		background: #111;
		width: 100%;
		height: 100%;
	}
	#screen {
		position: absolute;
		left: 10%;
		top: 10%;
		width: 80%;
		height: 80%;
		background: #000;
	}
	#screen img {
		position: absolute;
		cursor: pointer;
		visibility: hidden;
		width: 0px;
		height: 0px;
	}
	#screen .tvover {
		border: solid #876;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	#screen .tvout {
		border: solid #fff;
		opacity: 0.7;
	}
	#bankImages {
		display: none;
	}
</style>

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

<body>

<div id="screen"></div>

<div id="bankImages">
	<img alt="" src="images/wi23.jpg">
	<img alt="" src="images/wt06.jpg">
	<img alt="" src="images/wt47.jpg">
	<img alt="" src="images/wt16.jpg">

	<img alt="" src="images/wt43.jpg">
	<img alt="" src="images/wt19.jpg">
	<img alt="" src="images/wt27.jpg">
	<img alt="" src="images/wt46.jpg">

	<img alt="" src="images/wt14.jpg">
	<img alt="" src="images/wt21.jpg">
	<img alt="" src="images/wt35.jpg">
	<img alt="" src="images/wt48.jpg">

	<img alt="" src="images/wt55.jpg">
	<img alt="" src="images/wt40.jpg">
	<img alt="" src="images/wt53.jpg">
	<img alt="" src="images/wt25.jpg">

</div>

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

</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -