jQuery响应式轮播图,无缝大屏滚动插件(原创)

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

 35284  331  查看评论 (9)
分享到微信朋友圈
X
jQuery响应式轮播图,无缝大屏滚动插件(原创) ie兼容7

使用方法

直接在html引入banner图

<ul >
    <li><img src="images/banner1.jpg" /></li>
    <li><img src="images/banner2.jpg" /></li>
    <li><img src="images/banner3.jpg" /></li>
</ul>

jquery控制banner以背景图显示不影响图片像素

$(function() {
    $(".banner_img img").css("display", "none")
    $(".banner_img li").each(function(e) {
        $(".banner_img li:eq(" + e + ")").css("backgroundImage", "url(" + $(
        ".banner_img li:eq(" + e + ")").find("img").attr("src") + ")");
    });
});

该插件简单易懂 初学者更容易学习

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

根据浏览器宽度大小自动调整图片的jquery相册代码

根据浏览器宽度大小自动调整图片的jquery相册代码
  幻灯片和轮播图
 25795  319

仿百度经验的图文帮助中心轮播

仿百度经验的图文帮助中心轮播,自己设置修改样式就能用
  幻灯片和轮播图
 28989  333

易迅分块jquery焦点图

上下切换、分块展示
  幻灯片和轮播图
 26690  304

vue.js轮播图(原创)

vue的轮播小插件,vue初学者可以借鉴,代码量很少。
  幻灯片和轮播图
 52503  416

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

    Zero 0
    2019/7/17 13:56:19
    用法能不能写详细点啊, 下载下来的文件没问题,引入到自己的里面就有问题
        鹤舞白沙0
        2019/7/17 14:17:46

        我看了一下,这个插件代码,使用非常简单,说明调用有问题,chrome下按f12,代码有错右,控制台下角会有错误提示。根据提示进行修改。

    回复
    浅行丶 0
    2018/7/19 10:03:29
    下载之后没有效果。。。。。。。。。。。
    浪费钱。。。。。。。。。。。。。。。。。。。。
        浅行丶0
        2018/7/19 10:05:23
        好吧,只是谷歌没效果
        浅行丶0
        2018/7/19 10:23:02
        不能自适应屏幕
        西瓜0
        2018/7/19 10:45:16
        我这里谷歌浏览器测试没有问题,并且是自适应屏幕
        浅行丶0
        2018/7/19 11:58:26
        不晓得,没有报错了,没有反应
    回复
    SE-李宏德 0
    2018/7/2 17:02:12
    有BUG啊
        昵费0
        2018/7/3 10:51:49
        下载之后会没有 我不清楚在jquery浏览效果会有bug
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复