• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 滚动图片 >  右侧带缩略图的JS幻灯正文

右侧带缩略图的JS幻灯

作者:我爱模版网
大小:0.38MB
点击次数:
发布时间:2014-02-14 14:09
分享到:

特效介绍

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>

  • 本文标签:
  • js幻灯,js图片滚动
jQuery带描述和导航的大图轮播
jQuery带左右箭头的3D效果图片轮播