原生javascript实现图片按钮切换(2)

/*
* HTML结构必需是以下：外层ID名，自己传入 如下面的：id="gy_picSwitch02" ，ID名，自己随便给
但，里面的结构必需一样，包括类名classname
<div>
    <span></span>
    <span></span>
    <div>
        <ul>
            <li><img src="https://www.jb51.net/images/pic01.jpg" alt=""></li>
            <li><img src="https://www.jb51.net/images/pic02.jpg" alt=""></li>
            <li><img src="https://www.jb51.net/images/pic03.jpg" alt=""></li>
            <li><img src="https://www.jb51.net/images/pic04.jpg" alt=""></li>
            <li><img src="https://www.jb51.net/images/pic05.jpg" alt=""></li>
            <li><img src="https://www.jb51.net/images/pic06.jpg" alt=""></li>
            <li><img src="https://www.jb51.net/images/pic07.jpg" alt=""></li>
            <li><img src="https://www.jb51.net/images/pic08.jpg" alt=""></li>
        </ul>
    </div>
</div>

参数：'wrapID':'xxxx'，最外层的ID名
      'scrollCount':5，滚动的数量  

复制代码 代码如下:

  
*
*/
//实例化
 new LGY_picSwitch({'wrapID':'gy_picSwitch','scrollCount':5});

是不是很方便的功能呢，使用也很简单，这里推荐给小伙伴，希望对大家能有所帮助

您可能感兴趣的文章: