网页旋转木马图片

应用一：旋转木马初相识

我也就是玩玩，刚开始学前端，多查了点东西，还想加个导航栏还没完工，就先这样吧：

   
   
   
   
   
     

     
  
  
  
  

    
   
    
  
  

    
萌宠
  
  
 
  
  
  


      
        
             
             
             
             
             
             
             
             
             
         

     

 

应用二 组件库的应用

现在，随着前端组件库的发展，引用框架时一般不用自己这么写了，可以考虑应用组件

走马灯 Carousel

官方效果图：

 

应用三 swiper 巧用

 Swiper演示 - Swiper中文网收录了Swiper的40多个在线示例（swiper demos），Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端，以及PC端网站能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。https://www.swiper.com.cn/demo/index.html

//官网引用




// html 区域 

    

      

        

          
        
        

          
        
        

          
        
        

          
        
        

          
        
        

          
        
        

          
        
        

          
        
        

          
        
      
      

    


//JS 配置
  


// css 
 
    

效果图：