您好,登錄后才能下訂單哦!
<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
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。