<div class="tab_container"> <div class="tab_content_category_tabs_3"> <div class="row"> <div class="col-xs-12 col-md-12 xs-offset-0"> <div id="owl-demo" class="owl-carousel "> <c:if test="${not empty banners_c.advertisement}"> <c:forEach items="${banners_c.advertisement}" var="banners_c"> <div class="item"> <a href="${banners_c.hrefUrl}" title="Read more"> <img src="${p_w_picpathHost}${banners_c.p_w_picpathUrl}" alt="Owl Image"> </a> </div> </c:forEach> </c:if> </div> </div> </div> </div></div>
<content tag="myJavascript"> <script type="text/javascript"> jQuery().ready(function () { $("#owl-demo").owlCarousel({ autoPlay: false, items: 3, itemsDesktop: [1199, 3], itemsDesktopSmall: [980, 3], itemsTablet: [768, 2], itemsMobile: [480, 1], slideSpeed: 1000, paginationSpeed: 1000, rewindSpeed: 1000, navigationText: ["", ""], navigation: true, stopOnHover: true, pagination: true }); }); </script></content>
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.theme.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/owl.carousel.js"></script>
<div id="owl-demo" class="owl-carousel">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
</div>
$(function(){
$('#owl-example').owlCarousel();
});
格式就是div 里面 嵌套一个div
参考
http://www.dowebok.com/93.html#comments
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。