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

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

 2671  15  查看评论 (2)
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轻量级全屏自动轮播图,兼容ie7以上浏览器
  幻灯片和轮播图
 9084  21

基于jquery的轻量级无缝轮播插件(原创)

一款轻量级的无缝轮播插件,可根据浏览器大小自适应宽高。
  幻灯片和轮播图
 10342  49

原生js轮播图插件Image Slider

原生js轮播图插件Image Slider 提供8种轮播特效,轻量级只有16k.
  幻灯片和轮播图
 15575  72

jQuery轮播图插件slider

强大轮播图3D效果slider,功能强大兼容性好。
  幻灯片和轮播图
 19838  154

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    SE-李宏德 0
    2018/7/2 17:02:12
    有BUG啊
        昵费0
        2018/7/3 10:51:49
        下载之后会没有 我不清楚在jquery浏览效果会有bug
    回复
取消回复