右侧带缩略图的JS幻灯
- 作者：我爱模版网
- 大小：0.38MB
- 点击次数：
- 发布时间：2014-02-14 14:09
特效介绍
右侧带缩略图的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>
- 本文标签：
- js幻灯,js图片滚动
