Javascript 我想定制引导转盘

是否有任何方法可以修改引导转盘。我想给幻灯片一个淡入淡出的效果，而不是从左向右或从右向左滑动

是的，您可以通过覆盖CSS来修改引导转盘。在HTML页面中添加以下

标记，它将淡入/淡出旋转木马，而不是滑动效果

<style>
/* Fade transition for carousel items  */ 
.carousel .item {
  left: 0 !important;
   -webkit-transition: opacity .4s; /*adjust timing here */
     -moz-transition: opacity .4s;
       -o-transition: opacity .4s;
          transition: opacity .4s;
 }
.carousel-control {
       background-image: none !important; /* remove background gradients on controls */
 }
/* Fade controls with items */
.next.left,
.prev.right {
opacity: 1;
z-index: 1;
}
.active.left,
.active.right {
opacity: 0;
z-index: 2;
 }
</style>

/*传送带项目的淡入淡出过渡*/
.carousel.项目{
左：0！重要；
-webkit转换：不透明度.4s；/*在此处调整计时*/
-moz转变：不透明度。4s；
-o-转变：不透明度。4s；
过渡：不透明度；
}
.传送带控制{
背景图像：无！重要；/*删除控件上的背景渐变*/
}
/*带项目的淡入淡出控件*/
.下一个.左，
上一篇{
不透明度：1；
z指数：1；
}
.主动左，
.主动的，对的{
不透明度：0；
z指数：2；
}

谢谢兄弟的回答。我在发布这个问题之前使用过这个代码，它在除了谷歌浏览器之外的所有现代浏览器中都能很好地工作。我不明白为什么会这样。还有一件事，为什么我必须把这段代码放在script标记中。如果我认为你的标签是错误的，请帮助我，我将非常感激。是否应该是

？@jbutler483感谢您指出错误。我正在更新我的代码。@HifzurRahman我已经在chrome上测试过了，在我这一阶段，它运行得很好。您能在JSFIDLE中提供您的问题案例吗？标签被错误地添加并更新为tag@Wahaj艾哈迈德，我不知道你使用的是哪个版本的引导。如果您使用的是旧版本，那么它可以与前面提到的代码配合使用，但是如果您使用的是最新版本，那么您必须添加更多的代码，这将覆盖引导样式。carousel-inner>.item.next、.carousel-inner>.item.active.right{-webkit-transform:none；transform:none；}.carousel-inner>.item.prev、.carousel-inner>.item.active.left{-webkit-transform:none；transform:none；}