首页>>焦点图>>响应式类似卡片幻灯片演示(2019-05-29)

响应式类似卡片幻灯片演示

响应式类似卡片幻灯片演示
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="blog-slider">  
  2.     <div class="blog-slider__wrp swiper-wrapper">  
  3.         <div class="blog-slider__item swiper-slide">  
  4.             <div class="blog-slider__img">  
  5.                 <img src="http://www.freejs.net/demo/757/demo.jpg" alt="jQuery下拉多选插件 下拉框复选 包括全选">  
  6.             </div>  
  7.             <div class="blog-slider__content">  
  8.                 <span class="blog-slider__code">2019-04-29</span>  
  9.                 <div class="blog-slider__title">jQuery下拉多选插件 下拉框复选 包括全选</div>  
  10.                 <div class="blog-slider__text">本例与之前的《select 下拉框多选，用select代替checkbox》功能类似的，加了一个全选功能，另外有人之前买代码后问传递值，这边写了一个，就是简单的数组</div>  
  11.                 <a href="http://www.freejs.net/article_biaodan_757.html" class="blog-slider__button">详情</a>  
  12.             </div>  
  13.         </div>  
  14.   
  15.         <div class="blog-slider__item swiper-slide">  
  16.             <div class="blog-slider__img">  
  17.                 <img src="http://www.freejs.net/demo/780/demo.jpg" alt="Swiper制作网易智造首页响应式全屏宽度幻灯片">  
  18.             </div>  
  19.             <div class="blog-slider__content">  
  20.                 <span class="blog-slider__code">2019-05-28</span>  
  21.                 <div class="blog-slider__title">Swiper制作网易智造首页响应式全屏宽度幻灯片</div>  
  22.                 <div class="blog-slider__text">和网易智造一样的效果</div>  
  23.                 <a href="http://www.freejs.net/article_jiaodiantu_780.html" class="blog-slider__button">详情</a>  
  24.             </div>  
  25.         </div>  
  26.   
  27.          
  28.     </div>  
  29.     <div class="blog-slider__pagination"></div>  
  30. </div>  

 


原文地址:http://www.freejs.net/article_jiaodiantu_784.html