Bootstrap响应式全屏轮播插件

所属分类：媒体,导航-幻灯片和轮播图,水平导航

65090 598 查看评论 (41)

分享到微信朋友圈

查看演示立即下载

插件描述：该插件使用简单，可以将任何HTML内容转换为自定义的内容

更新时间：2017/4/8 上午11:12:42

更新说明：修复手机端图二显示时菜单按钮无效的BUG

该插件使用简单，可以将任何HTML内容转换为自定义的内容。

它的特点还有：

可以将任何HTML内容转换为自定义的内容。

自适应PC,pad，手机。

PC端页面下拉导航会从透明转换颜色（可自定义）。

pad和手机端菜单导航会成为按钮样式。

轮播图片可增加。

支持分页导航圆点。

Web右键菜单插件web.contextmenu.js

6种CSS3加载动画

相关插件-幻灯片和轮播图,水平导航

模板京东淘宝点击购物网站jQuery多图切换代码

模板京东淘宝点击购物网站jQuery多图切换代码。

幻灯片和轮播图

40809 472

html5滑动图片轮播展示

具有悬停效果的自适应图片滑动轮播

幻灯片和轮播图

37588 244

eddielbt图片轮播

图片的轮播，左右两边的移动按钮可以调皮的波动

幻灯片和轮播图

44158 379

兼容ie7十来种3d轮播切换效果

兼容ie7十来种3d轮播切换效果，支持触摸切换，用代码给你flash的感觉

幻灯片和轮播图

43540 453

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

无情明月有情归梦 0

2018/8/19 8:47:58

颖火虫圈圈 0

2018/8/14 11:49:41

2019/1/30 13:12:46

可以

远在天边ぃ1

2022/4/20 21:24:57

三个banner 就改几处数字

$('.hc-banner ol li').click(function() {
    var ddIndex = $(this).index();
    i = ddIndex;
    move();
}) //小圆点控制

i++;
if (i > 2) {
    i = 0;
}

if (i < 3)

if (i == 1) {
    //$('.fst-li').fadeIn(100).siblings().fadeOut(100);
    $('.hc-banner ol li').eq(i).addClass('red').siblings().removeClass('red');
    $('.hc-banner ul li').eq(i).fadeIn(100).siblings().fadeOut();
    $('.hc-fly').animate({
        "height": "45vh",
        opacity: 1
    }, 2000);
}

下面再加一个

if (i == 2) {
    //$('.fst-li').fadeIn(100).siblings().fadeOut(100);
    $('.hc-banner ol li').eq(i).addClass('red').siblings().removeClass('red');
    $('.hc-banner ul li').eq(i).fadeIn(100).siblings().fadeOut();
    $('.hc-fly').animate({
        "height": "45vh",
        opacity: 1
    }, 2000);
}

远在天边ぃ0

2022/4/20 21:29:41

还是有问题。。