图片轮播插件

 查看演示  website  立即下载

利用插件，实现图片自动轮播展示

使用方法

引用文件

<link href="css/jq22.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jq22.js"></script>

html

<div id="d1" class="box_jq22">
    <div class="list">
        <ul>
            <li><img src="images/m1.png" width="490" height="170" /></li>
            <li><img src="images/m2.png" width="490" height="170" /></li>
            <li><img src="images/m3.png" width="490" height="170" /></li>
            <li><img src="images/m4.png" width="490" height="170" /></li>
        </ul>
    </div>
</div>

js

window.onload = function ()
{
    new AutoPlay("d1");//对应html中id
};

如一个页面需要调用多个,只需要再多new一个就行了new AutoPlay("d2"); 注意对应好html中的id

PREVIOUS:
NEXT:
基于echarts中国地图map
jQuery的文本无缝循环滚动