JavaScript/index.html at master · xlisteven/JavaScript

29 lines (28 loc) · 1.56 KB

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击图片放大效果</title>
<link rel="stylesheet" href="css/visuallightbox.css" type="text/css" />
<link rel="stylesheet" href="css/vlightbox.css" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
</head>

<body>
 <h1 style="text-align:center">点击图片放大效果</h1>
    <div id="vlightbox">
        <a id="firstImage" title="image 1" href="images/pic1.jpg" class="vlightbox"><img alt="image 1" src="images/pic1.jpg" /></a>
        <a title="image 2" href="images/pic2.jpg" class="vlightbox"><img alt="image 2" src="images/pic2.jpg" /></a>
        <a title="image 3" href="images/pic3.jpg" class="vlightbox"><img alt="image 3" src="images/pic3.jpg" /></a>
        <a title="image 4" href="images/pic4.jpg" class="vlightbox"><img alt="image 4" src="images/pic4.jpg" /></a>
        <a title="image 5" href="images/pic5.jpg" class="vlightbox vlightbox_hidden"><img alt="image 5" src="images/pic5.jpg" /></a>
    </div>
    <script type="text/javascript">
        var $VisualLightBoxParams$ = {autoPlay:true,borderSize:21,enableSlideshow:true,overlayOpacity:0.4,startZoom:true};
    </script>
    <script type="text/javascript" src="js/visuallightbox.js"></script>
    <hr />
    <h2 style="text-align:center;">
        <a href="http://www.smallseashell.com/">返回小贝壳</a>
    </h2>
</body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Expand file tree

Search code, repositories, users, issues, pull requests...

FilesExpand file tree

index.html

Latest commit

History

index.html

File metadata and controls

Expand file tree