📄 lightbox.html
字号:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>LightBox</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css">
body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>
</head>
<body>
<center>
<a href="images/gg1.jpg" rel="lightbox"><img src="images/gg1.jpg" width="150" height="80" alt="" /></a><br>
<a href="images/gg2.jpg" rel="lightbox"><img src="images/gg2.jpg" width="150" height="80" alt="" /></a><br>
<a href="images/gg3.jpg" rel="lightbox"><img src="images/gg3.jpg" width="150" height="80" alt="" /></a><br>
<a href="images/gg4.jpg" rel="lightbox"><img src="images/gg4.jpg" width="150" height="80" alt="" /></a><br>
<a href="images/gg5.jpg" rel="lightbox"><img src="images/gg5.jpg" width="150" height="80" alt="" /></a><br>
<a href="images/gg6.jpg" rel="lightbox"><img src="images/gg6.jpg" width="150" height="80" alt="" /></a><br>
<a href="images/gg7.jpg" rel="lightbox"><img src="images/gg7.jpg" width="150" height="80" alt="" /></a><br>
<a href="images/gg8.jpg" rel="lightbox"><img src="images/gg8.jpg" width="150" height="80" alt="" /></a><br>
<a href="images/gg9.jpg" rel="lightbox"><img src="images/gg9.jpg" width="150" height="80" alt="" /></a><br>
<a href="images/gg10.jpg" rel="lightbox"><img src="images/gg10.jpg" width="150" height="80" alt="" /></a><br>
</center>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -