css.html实现照片墙
备注：最好在firefox或chrome运行，在IE效果没出现 -。-
效果图：
初始
当鼠标移动到某一张图片时，另外也点击打开图片，会自动连接到大图片。
代码如下：
-----------NewFile.html--------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="NewFile.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="photo-album">
<h1><span>Angel <abbr title="and" class="amp">&</abbr> Girl in New Zealand</span></h1>
<a href="./images/1.jpg" class="large polaroid img1"><img src="./images/1_small.jpg" alt="" />This breathtaking volcanic lake is at Wai-O-Tapu Thermal Wonderland</a>
<a href="./images/2.jpg" class="polaroid img2"><img src="./images/2_small.jpg" alt="" />This lovely waterfall was at Rotorua in Rainbow Springs</a>
<a href="./images/3.jpg" class="small polaroid img3"><img src="./images/3_small.jpg" alt="" />Ferntastic</a>
<a href="./images/10.JPG" class="medium polaroid img4"><img src="./images/10_small.jpg" alt="" />At Kaikoura we went whale watching!</a>
<a href="./images/5.JPG" class="polaroid img5"><img src="./images/5_small.jpg" alt="" />Found this little cutie on a walk in New Zealand!</a>
<a href="./images/6.jpg" class="polaroid img6"><img src="./images/6_small.jpg" alt="" />An amazing bubbling volcanic spring, a bit muddy</a>
<a href="./images/7.JPG" class="polaroid img7"><img src="./images/7_small.jpg" alt="" />Simon in a giant Kiwi, pretending to be a Kiwi (the bird)</a>
<a href="./images/8.JPG" class="small polaroid img8"><img src="./images/8_small.jpg" alt="" />Albatross in Dunedin</a>
<a href="./images/9.JPG" class="medium polaroid img9"><img src="./images/9_small.jpg" alt="" />White water rafting in Queenstown</a>
<a href="./images/4.jpg" class="polaroid img10"><img src="./images/4_small.jpg" alt="" />White Island</a>
<a href="./images/11.JPG" class="small polaroid img11"><img src="./images/11_small.jpg" alt="" />Sulphurous</a>
<a href="./images/12.JPG" class="small polaroid img12"><img src="./images/12_small.jpg" alt="" />Sea lions!</a>
<a href="./images/13.JPG" class="small
- 上一篇：没有了
- 下一篇： openfilename打开文件对话框的使用
