owlCarousel旋轉(zhuǎn)

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡(jiǎn)單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：空間域名、網(wǎng)頁空間、營(yíng)銷軟件、網(wǎng)站建設(shè)、赤壁網(wǎng)站維護(hù)、網(wǎng)站推廣。

<divclass="tab_container">
    <divclass="tab_content_category_tabs_3">
        <divclass="row">
            <divclass="col-xs-12 col-md-12 xs-offset-0">
                <divid="owl-demo"class="owl-carousel ">
                    <c:iftest="${not emptybanners_c.advertisement}">
                        <c:forEachitems="${banners_c.advertisement}"var="banners_c">
                            <divclass="item">
                                <ahref="${banners_c.hrefUrl}"title="Read more">
                                    <imgsrc="${p_w_picpathHost}${banners_c.p_w_picpathUrl}"alt="Owl Image">
                                </a>
                            </div>
                        </c:forEach>
                    </c:if>
                </div>
            </div>
        </div>
    </div>
</div>

<contenttag="myJavascript">

    <scripttype="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>

1、引入文件

<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>

2、HTML

<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>

3、JavaScript

$(function(){
    $('#owl-example').owlCarousel();
});

格式就是div 里面 嵌套一個(gè)div

參考

http://www.dowebok.com/93.html#comments

本文標(biāo)題：owlCarousel旋轉(zhuǎn)
鏈接地址：http://bm7419.com/article0/gegeoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、企業(yè)建站、響應(yīng)式網(wǎng)站、網(wǎng)站收錄、企業(yè)網(wǎng)站制作、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作