bootstrap中怎么设置轮播时间-创新互联

bootstrap中怎么设置轮播时间,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

成都创新互联公司专注于抚远企业网站建设,响应式网站开发,成都做商城网站。抚远网站建设公司,为抚远等地区提供建站服务。全流程按需网站建设,专业设计,全程项目跟踪,成都创新互联公司专业和态度为您提供的服务

BootStrap轮播图官方代码:

                                                ...      
    
                        ...      
    
    ...              Previous            Next  

实现轮播图时间间隔改变的两种方式:

1、在data-ride后面加上一个属性data-interval=“millisecond”,其中,millisecond为需要设置的毫秒数,如下:

使用JavaScript语句实现:官网给出的代码是:

$('.carousel').carousel({interval: 2000});

直接使用这个代码无法实现,应在该方法前面加上一个函数表达式,如下:

$(function(){$('#carousel-example-generic').carousel({interval:1000});});

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联网站建设公司,的支持。


网站栏目:bootstrap中怎么设置轮播时间-创新互联
文章链接:http://abwzjs.com/article/jehgp.html