从品牌网站建设到网络营销策划,从策略到执行的一站式服务
一.轮播
轮播插件就是将几张同等大小的大图,按照顺序依次播放。
//基本实例。
data 属性解释:
1.data-slide 接受关键字 prev 或 next,用来改变幻灯片相对于当前位置的位置; 2.data-slide-to 来向轮播底部创建一个原始滑动索引,data-slide-to="2"将把滑
动块移动到一个特定的索引,索引从 0 开始计数。
3.data-ride="carousel"属性用户标记轮播在页面加载时开始动画播放。
轮播插件有三个自定义属性:
成都创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、成都网站建设、外贸网站建设、石林网络推广、小程序设计、石林网络营销、石林企业策划、石林品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联为所有大学生创业者提供石林建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
如果在 JavaScript 调用就直接使用键值对方法,并去掉 data-;
//设置自定义属性
$('#myCarousel').carousel({
//设置自动播放/2 秒
interval : 2000,
//设置暂停按钮的事件pause : 'hover',
//只播一次wrap : false,
});
轮播插件还提供了一些方法,如下:
//点击按钮执行
$('button').on('click', function () {
//点击后,自动播放
$('#myCarousel').carousel('cycle');
//其他雷同
}
//事件
$('#myCarousel').on('slide.bs.carousel', function () {
alert('当调用 slide 实例方式时立即触发');
});
$('#myCarousel').on('slid.bs.carousel', function () {
alert('当轮播完成一个幻灯片触发');
});
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图