exampleminislides.html

来自「javascript tutorial」· HTML 代码 · 共 33 行

HTML
33
字号
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
	<title>Example: Embedded small preview images slide show</title>
	<style type="text/css">
		@import 'miniSlides.css';
		@import 'pagestyles.css';
	</style>
	<script type="text/javascript" src="../DOMhelp.js"></script>
	<script type="text/javascript" src="miniSlides.js"></script>
</head>
<body>
<div id="boundary">
<h1>Lazy Animals in Santorini</h1>
<ul class="minislides">
	<li><a href="pictures/thumbs/cat2.jpg"><img src="pictures/minithumbs/cat2.jpg" alt="Lazy Cat" /></a></li>
	<li><a href="pictures/thumbs/dog63.jpg"><img src="pictures/minithumbs/dog63.jpg" alt="Dog cooling off in the sand" /></a></li>
	<li><a href="pictures/thumbs/dog7.jpg"><img src="pictures/minithumbs/dog7.jpg"  alt="Very flat dog" /></a></li>
	<li><a href="pictures/thumbs/kittenflat.jpg"><img src="pictures/minithumbs/kittenflat.jpg" alt="Ginger and White Cat" /></a></li>
</ul>
<p>Even more</p>
<ul class="minislides">
	<li><a href="pictures/thumbs/dog10.jpg"><img src="pictures/minithumbs/dog10.jpg" alt="Dog using the shade" /></a></li>
	<li><a href="pictures/thumbs/kittenflat.jpg"><img src="pictures/minithumbs/kittenflat.jpg" alt="Ginger and White Cat" /></a></li>
	<li><a href="pictures/thumbs/dog63.jpg"><img src="pictures/minithumbs/dog63.jpg" alt="Dog cooling off in the sand" /></a></li>
	<li><a href="pictures/thumbs/dog7.jpg"><img src="pictures/minithumbs/dog7.jpg"  alt="Very flat dog" /></a></li>
</ul>
<p></p>
</div>
</body>
</html>

⌨️ 快捷键说明

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