📄 ajaxgallery.html
字号:
<!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 + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -