特效介绍
右侧带缩略图的JS幻灯。完美兼容各主流浏览器,包括令人头疼的IE6
使用方法
1、依次引入 5imoban.css、5imoban.js 文件。2、将代码复制进页面中即可
<div id="ifocus">
<div id="ifocus_pic">
<div id="ifocus_piclist" style="left:0; top:0;">
<ul>
<li>
<a href="#">
<img src="img/01.jpg" alt="" />
</a>
</li>
<li>
<a href="#">
<img src="img/02.jpg" alt="" />
</a>
</li>
<li>
<a href="#">
<img src="img/03.jpg" alt="" />
</a>
</li>
<li>
<a href="#">
<img src="img/04.jpg" alt="" />
</a>
</li>
</ul>
</div>
<div id="ifocus_opdiv">
</div>
<div id="ifocus_tx">
<ul>
<li class="current">
忧伤在我心中沉静下来,宛如降临在寂静山林中的夜色
</li>
<li class="normal">
我就像一只停泊在海滩上的小船,聆听着晚潮奏
</li>
<li class="normal">
生命是上天赋予的,我们惟有献出生命,才能真正得到它
</li>
<li class="normal">
今天大地在阳光下向我细语,用一种已被遗忘的语言
</li>
</ul>
</div>
</div>
<div id="ifocus_btn">
<ul>
<li class="current">
<img src="img/btn_01.jpg" alt="" />
</li>
<li class="normal">
<img src="img/btn_02.jpg" alt="" />
</li>
<li class="normal">
<img src="img/btn_03.jpg" alt="" />
</li>
<li class="normal">
<img src="img/btn_04.jpg" alt="" />
</li>
</ul>
</div>
</div>
