您现在的位置是:首页 > 学无止境> JS网站首页学无止境JS

多图jQuery相册展示效果代码

简介
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>多图jQuery相册展示效果代码</title>
<link rel="stylesheet" href="css/quanju.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
</head>
<body>
<div id="play">
<ul>
<li style="display:block;"><a>
<div><img src="images/th1.jpg"></div>
<div>
<dl>不畏路途艰险</dl>
<div></div>
<dd><center><img src="images/th1tit_03.png"></center></dd>
<p>援藏专家团不畏路途艰险困苦,跋涉万里,克服重重困难,辗转3000公里,历时58天,来到中国的西藏,为藏区的胎记患者送来了幸福。</p>
</div>
</a></li>
<li><a>
<div><img src="images/th2.jpg"></div>
<div>
<dl><i><img src="images/x_03.png"></i>不畏路途艰险2</dl>
<dd>在援藏的路上,特需专家团队在崎岖的山路上行进,高原气候恶劣,下起了雨,漫山都是雾蒙蒙的,车子在山路上缓慢的行驶着… …</dd>
</div>
</a></li>
<li><a>
<div><img src="images/th3.jpg"></div>
<div>
<dl><i><img src="images/x_03.png"></i>不畏路途艰险3</dl>
<dd>在援藏的路上,特需专家团队在崎岖的山路上行进,高原气候恶劣,下起了雨,漫山都是雾蒙蒙的,车子在山路上缓慢的行驶着… …</dd>
</div>
</a></li>
<li><a>
<div><img src="images/th4.jpg"></div>
<div>
<dl>不畏路途艰险4</dl>
<div></div>
<dd><center><img src="images/th2tit_03.png"></center></dd>
<p>援藏专家团不畏路途艰险困苦,跋涉万里,克服重重困难,辗转3000公里,历时58天,来到中国的西藏,为藏区的胎记患者送来了幸福。</p>
</div>
</a></li>
<li><a>
<div><img src="images/th5.jpg"></div>
<div>
<dl><i><img src="images/x_03.png"></i>不畏路途艰险5</dl>
<dd>在援藏的路上,特需专家团队在崎岖的山路上行进,高原气候恶劣,下起了雨,漫山都是雾蒙蒙的,车子在山路上缓慢的行驶着… …</dd>
</div>
</a></li>
<li><a>
<div><img src="images/th6.jpg"></div>
<div>
<dl><i><img src="images/x_03.png"></i>不畏路途艰险6</dl>
<dd>在援藏的路上,特需专家团队在崎岖的山路上行进,高原气候恶劣,下起了雨,漫山都是雾蒙蒙的,车子在山路上缓慢的行驶着… …</dd>
</div>
</a></li>
<li><a>
<div><img src="images/th7.jpg"></div>
<div>
<dl>不畏路途艰险7</dl>
<div></div>
<dd><center><img src="images/th3tit_03.png"></center></dd>
<p>援藏专家团不畏路途艰险困苦,跋涉万里,克服重重困难,辗转3000公里,历时58天,来到中国的西藏,为藏区的胎记患者送来了幸福。</p>
</div>
</a></li>
<li><a>
<div><img src="images/th8.jpg"></div>
<div>
<dl><i><img src="images/x_03.png"></i>不畏路途艰险8</dl>
<dd>在援藏的路上,特需专家团队在崎岖的山路上行进,高原气候恶劣,下起了雨,漫山都是雾蒙蒙的,车子在山路上缓慢的行驶着… …</dd>
</div>
</a></li>
<li><a>
<div><img src="images/th9.jpg"></div>
<div>
<dl><i><img src="images/x_03.png"></i>不畏路途艰险9</dl>
<dd>在援藏的路上,特需专家团队在崎岖的山路上行进,高原气候恶劣,下起了雨,漫山都是雾蒙蒙的,车子在山路上缓慢的行驶着… …</dd>
</div>
</a></li>
<li><a>
<div><img src="images/th10.jpg"></div>
<div>
<dl><i><img src="images/x_03.png"></i>不畏路途艰险10</dl>
<dd>在援藏的路上,特需专家团队在崎岖的山路上行进,高原气候恶劣,下起了雨,漫山都是雾蒙蒙的,车子在山路上缓慢的行驶着… …</dd>
</div>
</a></li>
</ul>
<a href="javascript:void(0)" class="prev_a change_a" title="上一张"> <span></span></a>
<a href="javascript:void(0)" class="next_a change_a" title="下一张"> <span style="display: inline;"></span> </a>
</div>
<div>
<ul class=" clearfix">
<li><a><img src="images/th1.jpg" onload="imgs_load(this)"></a></li>
<li><a><img src="images/th2.jpg" onload="imgs_load(this)"></a></li>
<li><a><img src="images/th3.jpg" onload="imgs_load(this)"></a></li>
<li><a><img src="images/th4.jpg" onload="imgs_load(this)"></a></li>
<li><a><img src="images/th5.jpg" onload="imgs_load(this)"></a></li>
<li><a><img src="images/th6.jpg" onload="imgs_load(this)"></a></li>
<li><a><img src="images/th7.jpg" onload="imgs_load(this)"></a></li>
<li><a><img src="images/th8.jpg" onload="imgs_load(this)"></a></li>
<li><a><img src="images/th9.jpg" onload="imgs_load(this)"></a></li>
<li><a><img src="images/th10.jpg" onload="imgs_load(this)"></a></li>
</ul>
</div>
<script type="text/javascript" src="js/qh.js"></script>
</body>
</html>

在线预览:多图jQuery相册展示效果代码

点击下载:zxxc.zip


Top