图片轮播插件

所属分类:媒体-幻灯片和轮播图

 30744  312  查看评论 (12)
分享到微信朋友圈
X
图片轮播插件 ie兼容6

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

使用方法

引用文件

<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

相关插件-幻灯片和轮播图

淘宝首页图片自动轮循效果

jQuery淘宝首页图片自动轮循效果
  幻灯片和轮播图
 31416  312

jQuery 3D轮播图

自适应屏幕的3D轮播图加炫酷背景
  幻灯片和轮播图
 62427  531

原生js轮播图炸裂切换效果

原生js写的图片炸裂轮播图
  幻灯片和轮播图
 25734  315

原声 JS + Jquery + 面向对象轮播图

几个效果的轮播图,最后组成个组件效果,可供学习
  幻灯片和轮播图
 43747  392

讨论这个项目(12)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    千岁 0
    2021/1/20 16:45:25
    你好 这个能不能左右轮播呀?? 回复
    相濡相忘 0
    2021/1/3 12:05:30
    这个不错
        千岁0
        2021/1/20 16:36:58
        你好 这个能不能左右轮播呀??
    回复
    ?路人甲 0
    2020/11/26 14:46:56
    我感觉挺好用的 回复
    G菌 0
    2019/8/29 7:40:09
    我觉得这个可以 回复
    气功师 0
    2019/6/5 20:20:56
    简单实用,兼容好 回复
    Ray_Lee 0
    2018/12/23 12:20:10
    找了好久
        ?0
        2019/1/4 15:07:41
        再找找还有更好的哈哈
        0
        2019/3/23 19:31:31
        可能吧
        小疯子0
        2019/4/17 17:05:19
        是呢
        周玉召0
        2019/4/18 16:38:50
        这个不错
        Fir?st0
        2019/7/3 16:10:15
        我感觉这个就不错啊,购物类网站上就用的这种
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复