owlCarousel旋转

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:空间域名、网页空间、营销软件、网站建设、赤壁网站维护、网站推广。


   
       
           
               
                   
                       
                           
                               
                                   
                               
                           

                       
                   
               

           

       

   



   
       
       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
           });
       });
   

1、引入文件




2、HTML


    
1
    
2
    
3
    
4
    
5
    
6
    
7
    
8

3、JavaScript

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

格式就是div 里面 嵌套一个div

参考

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


分享题目:owlCarousel旋转
文章起源:http://ybzwz.com/article/gegeoo.html

其他资讯