首页 > 特效插件 > 滚动轮播 >  右侧带缩略图的JS幻灯正文

右侧带缩略图的JS幻灯

特效介绍

js幻灯源码

右侧带缩略图的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>