ajaxgallery.html

来自「Ajax tutorial archive」· HTML 代码 · 共 57 行

HTML
57
字号
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta name="Author" content="Edward Traversa" />
 <meta name="keywords" content="Ajax, Image Gallery, XMLHttpRequest, XML, Application, JavaScript" />
 <meta name="description" content=" AJAX: Image Gallery By Edward Traversa" />
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>AJAX DHTML Image Gallery</title>
<script type="text/javascript" src="ajaximage.js">
</script>
<link href="ajaximage2.css" rel="stylesheet" type="text/css" title="Ajax Image Gallery" />
</head>
<body onload="ajaxManager('start_up')">

<!-- used to house the messages when images are loading -->

<div id="preloadLYR">
</div>

<!-- used to load the content into -->
<div id="galleryLYR">
</div>

<div id="captionLYR">
</div>

<!-- Page Displayed Title -->
<div id="titleLYR" class="title">
DHTML Nirvana: Ajax Fading Image Gallery
</div>

<!-- Cycles forward through the images -->
<div id="forwardLYR">

			<a href="#" onmousedown="ajaxManager('cycle_gallery','forw')"> Next </a>
</div>

<!-- Cycles backward through the images -->
<div id="reverseLYR">

			<a href="#" onmousedown="ajaxManager('cycle_gallery','rev')">  Back </a>
</div>

<!-- used for non supported browsers and for accessibility -->
<div id="accessLYR">
		<ul>
			<li><a href="image1.html" tabindex="0">View Image 1</a></li>
			<li><a href="image2.html" tabindex="1">View Image 2</a></li>
			<li><a href="image3.html" tabindex="2">View Image 3</a></li>
			<li><a href="image4.html" tabindex="3">View Image 4</a></li>
			<li><a href="image5.html" tabindex="4">View Image 5</a></li>
			<li><a href="image6.html" tabindex="5">View Image 6</a></li>
		</ul>
</div>
</body>
</html>

⌨️ 快捷键说明

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