小程序直播商城_bootstrap完成每隔5秒主动轮播效果

2021-01-12 16:07 jianzhan
bootstrap实现每隔5秒自动轮播效果     投稿:lijiao   这篇文章主要介绍了bootstrap实现每隔5秒自动轮播效果,可以自己设置轮播间隔时间,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
title 轮播 /title link rel="stylesheet" href="libs/bootstrap/3.3.7/css/bootstrap.min.css" style #circleContent{ width:150px; height:150px; /style script src="libs/jquery/2.1.1/jquery.min.js" /script script src="libs/bootstrap/3.3.7/js/bootstrap.min.js" /script script $(document).ready(function(){ $('#circleContent').carousel({interval:5000});//每隔5秒自动轮播 }); /script /head body div id="circleContent" li data-target="#circleContent" data-slide-to="0" /li li data-target="#circleContent" data-slide-to="1" /li li data-target="#circleContent" data-slide-to="2" /li /ol div div img src="images/circle1.png" div IMG1 /div /div div img src="images/circle2.png" div IMG2 /div /div div img src="images/circle3.png" div IMG3 /div /div /div a href="#circleContent" data-slide="prevent" /a a href="#circleContent" data-slide="next" /a /div /body /html

如果大家还想深入学习,可以点击进行学习,再为大家附4个精彩的专题:

精彩专题分享:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。