Jquery 猫头鹰转盘项目赢得'；卷轴

我试图让猫头鹰转盘工作在我的网页顶部。它就像一个滚动的顶部新闻部分。单击导航时，将显示一个新项目

它看起来像这样：

这是我的代码：

$（文档）.ready（函数（）{
$（“.owl carousel”）.owlCarousel（）；
});
jQuery（函数（$）{
“严格使用”；
$（“.breaking”）.owlCarousel({
循环：对，
animateIn:“fadeIn”，
自动播放：对，
自动播放超时：3000，
自动播放暂停：对，
导航：是的，
差额：30，
点：错，
mouseDrag:错，
幻灯片速度：500，
导航文本：[“”，“”]，
项目：1，
响应：{
0:{
项目：1
},
600:{
项目：1
}
}
});
}

：根目录{
--主重音：#f2552c；
}
.顶栏{
背景色：#F2F2；
边框底部：1px实心#E2E0；
填充顶部：7px；
}
.顶栏.打破标题{
宽度：200px；
}
.顶栏.断开标题h6{
背景：var（--主重音）；
文本转换：大写；
颜色：#ffffff；
填充物：5px10px；
字体大小：13px；
宽度：123px；
右边距：15px；
}
.帖子内容{
/*z指数：1*/
/*位置：相对位置*/
}
.顶栏.发布内容{
填充：0；
}
.打破.后标题.小标题{
字体大小：400；
保证金：0；
字体大小：14px；
线高：20px；
}
.打破。贴标题a{
颜色：#333333；
}
.突破.帖子标题a:悬停{
文字装饰：无；
}
/*旋转木马导航*/
.owl-carousel.owl-theme.breaking.owl-nav{
位置：绝对位置；
右：0；
顶部：-3px；
保证金：0；
}
.owl-carousel.owl-theme.breaking.owl导航>div{
背景：var（--主重音）；
边界：0；
颜色：#fff；
}
.owl-carousel.owl-theme.owl-nav>div{
利润率：0.3倍；
宽度：20px；
高度：20px；
线高：20px；
填充：0；
边界半径：0；
文本对齐：居中；
字体大小：12px；
-webkit转换：400ms；
-moz转换：400ms；
-o-过渡：400ms；
过渡时间：400ms；
}

突发新闻