carousel

carousel精品文章

• 

  简单的图片轮播

  ...、绿化苗木等 CSS： .zh-carousel{position: relative;width: 100%;height: 246px;} .zh-carousel .zh-img-list{position: relative;z-index: 2;width: 100%;height: 100%...

  BlackFlagBin 2019-08-20 16:53 评论0 收藏0
• 

  用jq实现移动端滑动轮播以及定时轮播效果

  ... css代码： .carousel_img{width:100%;position:relative;top:0;left:0;overflow:hidden;height:200px;} .car_img{width:100%;height:200px;position:...

  rose 2019-08-19 17:38 评论0 收藏0
• 

  用jq实现移动端滑动轮播以及定时轮播效果

  ... css代码： .carousel_img{width:100%;position:relative;top:0;left:0;overflow:hidden;height:200px;} .car_img{width:100%;height:200px;position:...

  qylost 2019-08-30 12:46 评论0 收藏0
• 

  用jq实现移动端滑动轮播以及定时轮播效果

  ... css代码： .carousel_img{width:100%;position:relative;top:0;left:0;overflow:hidden;height:200px;} .car_img{width:100%;height:200px;position:...

  yanest 2019-08-01 15:03 评论0 收藏0
• 

  轮播图fade

  .carousel { width: 100%; height: 420px; padding: 0px; margin: 0 auto; position: relative; &:hover{ .carousel-btn-direction{ display: block; } } } ....

  freecode 2019-08-30 13:45 评论0 收藏0
• 

  轮播图fade

  .carousel { width: 100%; height: 420px; padding: 0px; margin: 0 auto; position: relative; &:hover{ .carousel-btn-direction{ display: block; } } } ....

  jiekechoo 2019-08-01 17:44 评论0 收藏0
• 

  轮播图fade

  .carousel { width: 100%; height: 420px; padding: 0px; margin: 0 auto; position: relative; &:hover{ .carousel-btn-direction{ display: block; } } } ....

  Rainie 2019-08-21 16:55 评论0 收藏0
• 

  手把手教你用原生JavaScript造轮子（2）——轮播图（更新：ES6版本）

  ...odule.exports) { module.exports = factory(); } else { root.Carousel = factory(); } })(typeof self !== undefined ? self : this, function() { use strict; // ID-NAMES ...

  jasperyang 2019-08-23 10:57 评论0 收藏0
• 

  原生 js 实现移动端 Touch 轮播图

  ...当前展示图片对应的小圆点。 /* 轮播图最外层盒子 */ .carousel { position: relative; overflow: hidden; } .carousel ul { /* 这个高度需要在JS里面动态添加 */ } .carousel ul li { position: absolute; width: 100%; ...

  Elle 2019-08-23 14:27 评论0 收藏0
• 

  JavaScript中的函数式编程一(翻译)

  ...页面上放三个轮播组件： var el1 = document.getElementById(main-carousel); var slider1 = new Carousel(el1, 3000); slider1.init(); var el2 = document.getElementById(news-carousel); var slider2 = new Carousel(el...

  SHERlocked93 2019-08-19 17:42 评论0 收藏0
• 

  vue组件之轮播图实现

  ...添加新功能会更麻烦 现在的思路 创建两个组件分别为 carousel和 carousel-item 结构如下 1 2 3 selected即为显示的内容的name，用sync做一个双向绑定。这样子父....

  xuweijian 2019-08-23 16:13 评论0 收藏0
• 

  单页多张图片轮播效果用AntDesignVue走马灯实现

  ...class="rotation_chart"> 　　<a-carouselarrowsautoplaydots="false":slides-to-show="5":slides-to-scroll="1"> 　　<divslot=&q...

  3403771864 2022-10-23 14:31 评论0 收藏0