仿门户网站的多图轮播相册特效代码 -JS/jQuery代码 -演示与下载 -时代Java

（/8）（共8张）
查看原图|

<li>
<a href="#p=01" hidefocus="true"><img src="images/img01.jpg" alt="华南师范大学校园风景" /></a>
<h2>华南师范大学校园风景</h2>
<p><a href="https://nowjava.com">[详细]</a></p>
<i title="img">images/img01.jpg</i>
<i title="timg">images/img01.jpg</i>
</li>
<li>
<a href="#p=02" hidefocus="true"><img src="images/img02.jpg" alt="广州大河马水上世界游玩" /></a>
<h2>广州大河马水上世界游玩</h2>
<p><a href="https://nowjava.com">[详细]</a></p>
<i title="img">images/img02.jpg</i>
<i title="timg">images/img02.jpg</i>
</li>
<li>
<a href="#p=03" hidefocus="true"><img src="images/img03.jpg" alt="广东工业大学龙洞校区风景
" /></a>
<h2>广东工业大学龙洞校区风景</h2>
<p><a href="https://nowjava.com">[详细]</a></p>
<i title="img">images/img03.jpg</i>
<i title="timg">images/img03.jpg</i>
</li>
<li>
<a href="#p=04" hidefocus="true"><img src="images/img04.jpg" alt="华南理工大学校园风景
" /></a>
<h2>华南理工大学校园风景</h2>
<p><a href="https://nowjava.com">[详细]</a></p>
<i title="img">images/img04.jpg</i>
<i title="timg">images/img04.jpg</i>
</li>
<li>
<a href="#p=05" hidefocus="true"><img src="images/img05.jpg" alt="华南农业大学校园风景" /></a>
<h2>华南农业大学校园风景B</h2>
<p><a href="https://NowJava.com">[详细]</a></p>
<i title="img">images/img05.jpg</i>
<i title="timg">images/img05.jpg</i>
</li>
<li>
<a href="#p=06" hidefocus="true"><img src="images/img06.jpg" alt="广州火炉山游玩
" /></a>
<h2>广州火炉山游玩</h2>
<p><a href="https://nowjava.com">[详细]</a></p>
<i title="img">images/img06.jpg</i>
<i title="timg">images/img06.jpg</i>
</li>
<li>
<a href="#p=07" hidefocus="true"><img src="images/img07.jpg" alt="广州沙面白鹅谭酒吧街游玩
" /></a>
<h2>广州沙面白鹅谭酒吧街游玩</h2>
<p><a href="https://nowjava.com">[详细]</a></p>
<i title="img">images/img07.jpg</i>
<i title="timg">images/img07.jpg</i>
</li>
<li>
<a href="#p=08" hidefocus="true"><img src="images/img08.jpg" alt="深圳大学,东门步行街,世界之窗游玩" /></a>
<h2>深圳大学,东门步行街,世界之窗游玩</h2>
<p><a href="https://nowjava.com">[详细]</a></p>
<i title="img">images/img08.jpg</i>
<i title="timg">images/img08.jpg</i>
</li>