先上效果截图
下面是实现代码和注释:
html:
<body>
<div class="all">
<h1>A photographic</h1>
<ul id="list">
<li>
<!--符合平稳退化,当JS脚本不能使用时,依然可以通过href访问页面-->
<a href="images/p1.jpg" title="The Photo1" >
<img src="images/p1.jpg" />
</a>
</li>
<li>
<a href="images/p2.jpg" title="The Photo2" >
<img src="images/p2.jpg" />
</a>
</li>
<li>
<