Jquery “靴剪”;“简易传送带”;阿梅努拉说,这是行不通的
我想把旋转木马放进一页。我从中复制了代码,但针对同一问题的其他解决方案没有起作用 我的HTML代码如下:Jquery “靴剪”;“简易传送带”;阿梅努拉说,这是行不通的,jquery,html,twitter-bootstrap,carousel,Jquery,Html,Twitter Bootstrap,Carousel,我想把旋转木马放进一页。我从中复制了代码,但针对同一问题的其他解决方案没有起作用 我的HTML代码如下: <div class="container"> <div class="row"> <div class="col-md-12"> <div id="Carousel" class="carousel slide"> <ol class="carou
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="Carousel" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#Carousel" data-slide-to="0" class="active"></li>
<li data-target="#Carousel" data-slide-to="1"></li>
<li data-target="#Carousel" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="item active">
<div class="row">
<div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
<div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
<div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
<div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
</div><!--.row-->
</div><!--.item-->
<div class="item">
<div class="row">
<div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
<div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
<div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
<div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
</div><!--.row-->
</div><!--.item-->
<div class="item">
<div class="row">
<div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
<div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
<div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
<div class="col-md-3"><a href="#" class="thumbnail"><img src="http://placehold.it/250x250" alt="Image" style="max-width:100%;"></a></div>
</div><!--.row-->
</div><!--.item-->
</div><!--.carousel-inner-->
<a data-slide="prev" href="#Carousel" class="left carousel-control">‹</a>
<a data-slide="next" href="#Carousel" class="right carousel-control">›</a>
</div><!--.Carousel-->
</div>
</div>
</div><!--.container-->
然后,Java脚本如下所示:
<!-- Calling jquery first -->
<script language="JavaScript" type="text/javascript" src="scripts/jquery.js"></script>
<script language="JavaScript" type="text/javascript" src="scripts/bootstrap.min.js"></script>
<!-- Carousel -->
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
$('.carousel').carousel({
interval: 3000
})
});
</script>
$(文档).ready(函数(){
$('.carousel')。carousel({
间隔时间:3000
})
});
您可以根据bootsnips链接将其作为工作转盘代码进行尝试
$(文档).ready(函数(){
$('旋转木马')。旋转木马({
间隔时间:5000
})
});代码>
body{padding top:20px;}
旋转木马{
页边距底部:0;
填充:0 40px 30px 40px;
}
/*控制系统*/
.传送带控制{
左-12px;
高度:40px;
宽度:40px;
背景:无重复滚动0 0#22222;
边框:4px实心#FFFFFF;
边界半径:23px 23px 23px 23px;
边缘顶部:90像素;
}
.转盘控制,对{
右:-12px;
}
/*指标*/
.转盘指示器{
右:50%;
顶部:自动;
底部:-10px;
右边距:-19px;
}
/*指示灯的颜色*/
.转盘指示器{
背景:#塞切奇;
}
.转盘指示器。激活{
背景:#428bca;
}
您可以根据bootsnips链接将其作为工作转盘代码进行尝试
$(文档).ready(函数(){
$('旋转木马')。旋转木马({
间隔时间:5000
})
});代码>
body{padding top:20px;}
旋转木马{
页边距底部:0;
填充:0 40px 30px 40px;
}
/*控制系统*/
.传送带控制{
左-12px;
高度:40px;
宽度:40px;
背景:无重复滚动0 0#22222;
边框:4px实心#FFFFFF;
边界半径:23px 23px 23px 23px;
边缘顶部:90像素;
}
.转盘控制,对{
右:-12px;
}
/*指标*/
.转盘指示器{
右:50%;
顶部:自动;
底部:-10px;
右边距:-19px;
}
/*指示灯的颜色*/
.转盘指示器{
背景:#塞切奇;
}
.转盘指示器。激活{
背景:#428bca;
}
我知道我做错了什么。谢谢,我对这有点陌生。我知道我做错了什么。谢谢,我对这有点陌生。
<!-- Calling jquery first -->
<script language="JavaScript" type="text/javascript" src="scripts/jquery.js"></script>
<script language="JavaScript" type="text/javascript" src="scripts/bootstrap.min.js"></script>
<!-- Carousel -->
<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
$('.carousel').carousel({
interval: 3000
})
});
</script>