Carousel

YII实现dropDownList 联动事件

dropDownList(\common\models\service\common\Category::getCateOptions(),['prompt'=>'请选择单位','onchange'=>'$.post("/carousel
双子城·2018-09-12 00:00

bootstrap自定义样式之bootstrap实现侧边导航栏功能

androiddrawerLayout侧滑的菜单，这就是我要实现的bootstrap自定义侧滑菜单，参考了很多官网的侧滑，实现方法各有不同，优缺点也十分明显，有的官网首页为了仅仅实现一个侧滑的效果，用了owl.carousel
张林blog·2018-09-10 14:14

layui table 参数设置方法

："rel="externalnofollow">用户信息表-->查看编辑删除$(function(){layui.use(['laydate','laypage','layer','table','carousel
萧曳丶·2018-08-14 15:16

React Native常用组件

第一部分基于react-navigation组件的自定义head视图react-native-carousel轮播图react-native-countdown倒计时react-nat
Three_Zhang·2018-08-14 14:08

简单轮播图实现原理详解

轮播图实现思路：第一步：设计轮播图片的容器；注意：data-ride="carousel"属性表示在页面加载时就开始动画播放。
时光Timely·2018-08-10 16:25

layUI的验证码功能及校验

我嵌套到项目里的效果如图：图片登录验证body{margin:10px;}.demo-carousel{height:200px;line-height:200px;text-align:center;
苏洛荨·2018-08-06 11:26

使用vue-awesome-swiper方法

import'swiper/dist/css/swiper.css';Vue.use(VueAwesomeSwiper);在基础组件中建立轮播图组件：I'mSlide{{slide}}exportdefault{name:'carousel
給我小鱼干·2018-07-26 09:56

react配置antd组件库

/com1.css'import{Button}from"antd";import'antd/dist/antd.css'import{Carousel}from'antd';3.组件中使用dangerreact
uuulove·2018-07-24 16:56

jQuery插件 hank编写 （输入框默认提示 detext, form检验插件 form_check, 自定义显示提示弹窗、浮框 bgmask, 节点移动 ElMove, 异步form提交...

输入框默认提示detext,form检验插件form_check,自定义显示提示弹窗、浮框bgmask,节点移动ElMove,异步form提交、文件异步提交form_iframe,标签切换switchTag,轮播carousel
huang007guo·2018-07-18 11:01

纯原生js实现移动端轮播图,纯原生js 纯原生js 纯原生js !!!

记得加一个移动端的视口哦接下来就是css代码:*{margin:0;padding:0;}body{overflow:hidden;}.carousel{width:100%;overflow:hidden
laihaodong·2018-07-05 21:10

element 源码学习六 —— Carousel 走马灯学习

简单使用走马灯功能在展示图片时经常用到，而element中提供了Carousel组件。出于好奇学习一下它的实现原理。具体的功能详情请查阅官方文档。
VioletJack·2018-06-28 09:09

放着我来——CSS3、jQuery的动画效果

开发环境：Bootstrapv4.0.0jQueryv3.2.1Swiper4.2.6动画效果一：图片轮播1.轮播单个图片Bootstrap下的carousel，很容易就实现这个功能。
Laura_hu·2018-06-09 15:42

How2j仿写天猫前端学习笔记二

data-ride="carousel"这句代码的意思是表示轮播在页面加载时就动画播放。了解了line-height是行高的意思，跟元素一样高就可以实现垂直居中了。图片的大小
烟雨平生梦·2018-05-31 13:26

Vue2 轮播图slide组件实例代码

/public/carousel";exportdefault{name:'home',data(){return{slideData:[{titl
问路-A·2018-05-31 08:52

layui table 参数设置

JSp">用户信息表-->查看编辑删除$(function(){layui.use(['laydate','laypage','layer','table','carousel','upload','element
萧曵 丶·2018-05-21 17:39

纯css实现轮播图

html结构carousel
天心天地生·2018-05-19 16:08

各种网址

93752.htmaddEventListener事件绑定http://www.zhangxinxu.com-----张鑫旭http://www.runoob.com/bootstrap/bootstrap-carousel-plugin.html
weixin_30419799·2018-04-25 13:00

JavaScript touch / 实现一个支持手势滑动的轮播图

我们自己封装一个移动端的轮播图方法，支持手势滑动*{margin:0;padding:0;}li{list-style:none;}.carousel{width:100%;height:200px;border
羊烊羴·2018-04-12 21:43

React Native常用第三方组件汇总--全网最全之一

ReactNative项目常用第三方组件汇总：react-native-animatable动画react-native-carousel轮播react-native-countdown倒计时react-native-device-info
gzp_xiaomaolv·2018-04-12 14:06

Bootstrap 轮番插件Collapse 调用方式

调用方式1、JavaScript调用JavaScript调用轮番其实很简单，只需在脚本中调用carousel()方法即可。
ixygj197875·2018-03-15 10:50

Bootstrap 轮番插件

轮番Bootstrap轮番插件Carousel是一个灵活的、响应式的、无缝循环播放的幻灯片切换插件，它的内容可以是图片、视频、或者其他任何内容。
ixygj197875·2018-03-15 10:52

Bootstrap 的过渡效果

默认情况下，以下组件使用了的过渡效果：模态对话框（Modal）的滑入滑出和淡入淡出；标签页（Tab）的淡出；警告框（Alert）的淡出；轮番（Carousel）的滑入滑出。
ixygj197875·2018-03-12 20:46

移动端-滑动式卡片

效果图CSS.carousel{width:100%;height:200px;padding-bottom:50px}.carousel-content{width:100%;height:100%;
helloyoucan·2018-03-02 09:35

vue+element+echarts 响应式后台管理系统，了解一下？

先来看看效果：pc端移动端：项目结构src|---common//公用的文件|---css|---base.scss//公用的css样式|---components//组件|---Carousel.
holyZhengs·2018-02-24 00:00

iOS开发 封装轮播滚图 carousel

github下载地址：https://github.com/jiangbin1993/JJCarousel.git看看效果图carousel.gif轮播图会自动播放滚动，默认每隔3秒滚动一页，间隔时间可修改
夜凉听风雨·2017-12-20 19:17

(十七)轮播插件

本节知识点轮播图(自己利用jquery写最好)(一)基本实例<>$(function(){$("#picbox").carousel({interval:5000,//间隔pause:'hover
我拥抱着我的未来·2017-12-20 16:31

简单了解Django模板的使用

模板标签include的使用{%include"police/module/carousel.html"withimgs=imgsdiv_id='#carousel-index'%}此处carousel.html
James·2017-12-20 10:58

项目需求概览

登录双向验证数据ajax提交表单（CSRF攻击）注册手机号和邮箱的验证发送短信的接口平台laravel如何发邮件验证码session产品媒体对象展示上拉刷新，下拉加载（iScroll）产品详情轮播图（Carousel
Songzh·2017-12-06 07:10

轮播切换图片显示白屏(react-native-swiper|react-native-snap-carousel)

发现在使用react-native-snap-carousel或者react-native-swiper时都会出现切换白屏的情况如图：whiteScreen.gif思路：这是因为在切换tab是正好执行图片切换
IDO0·2017-11-29 17:08

vue2实现可复用的轮播图carousel组件详解

本文实例为大家分享了vue2实现轮播图carousel组件的使用方法，供大家参考，具体内容如下1、千年老规矩，上效果图，说明功能：（1）实现定时器，鼠标未移上图片时，自动轮播切换（2）有左右切换按钮，可切换至上一张
Take_Dream·2017-11-27 10:11

让bootstrap的carousel支持滑动滚屏的实现代码

原始的轮播组件，并不支持滑动滚屏：代码如下：上面的方式，可以通过点击左右两边的箭头触发切换，但无法滑动切换。当然，自动切换还是可以的。解决上述问题，方法其实也较多，比较方便的是使用hammer。在此之前，需要下载hammer.min.js，jquery.hammer.js.。下载不了的可以在我的资源里下载hammer.zip代码如下：[javascript]viewplaincopy//有需求的可
佳慧-陈·2017-11-27 10:18

JS实现轮播

1.HTML轮播框架利用HTML先构建出轮播的基本样式，首先是包裹轮播图的容器，在这里我将其class设置为carousel-wrapper.然后再用这个容器去包含一个无序列表，列表里面的li中放置图片
fatbaby·2017-11-26 20:26

关闭NG-Bootstrap carousel 的箭头按钮和指示器

可以在CSS样式表中隐去NG-Bootstrapcarousel箭头按钮和指示点，对应的CSSHTML代码如下．1.具体设置.carousel-control-prev.carousel-control-prev.carousel-control-prev
myKernel·2017-11-17 14:04

bootstrap轮播模板使用方法详解

本文实例为大家分享了bootstrap轮播模板展示的具体代码，供大家参考，具体内容如下Document.carousel{height:500px;}.carousel.item{height:500px
静静的fire·2017-11-17 10:26

js旋转木马特效

demo.html旋转木马$(function(){Carousel.init($('.J_Poster'));});carousel.css/*重置*/body,div,dl,dt,dd,ul,ol,
lucky芬·2017-11-16 17:37

支持触摸屏的响应式jQuery旋转木马插件--Owl Carousel

二：插件的使用1：插件的使用示例（非常全的资源）http://download.csdn.net/download/j_bang/100402792：使用：（1）引入js（owl.carousel.min.js
云云云云云云娇·2017-10-26 13:44

Js实现轮播图

达到显示图片的目的2、控制图片是否显示{1）改变图片的透明度，2）改变图片的display属性}本文通过改变图片的display属性实现，话不多说，直接上代码sdf*{padding:0;margin:0;}.carousel
daysRoc·2017-10-22 15:41

Js实现轮播图

达到显示图片的目的2、控制图片是否显示{1）改变图片的透明度，2）改变图片的display属性}本文通过改变图片的display属性实现，话不多说，直接上代码sdf*{padding:0;margin:0;}.carousel
daysRoc·2017-10-22 15:41

通过jQuery和Bootstrap来分别实现轮播图

‹›然而，运行上述代码，你会发现该轮播图无法自动播放，这是因为没有设置carousel（）方法。
CoderBruis·2017-10-19 09:06

Bootstrap图片轮播效果详解

导言Bootstrap轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。
阿浩yohann·2017-10-17 10:14

bootstrap的轮播图改变样式

改变中间小圆点“`Bootstrap实例-轮播（Carousel）插件方法.btn{width:80px;height:30px;background:#c00000;color:#ffffff;}#newli
chi1130·2017-10-16 10:12

浅谈js写轮播图的思路与心得

varoDiv=document.getElementById("carousel")varlBtn=document.getElementById("leftBtn")varrBtn=doc
杨赛舟·2017-10-10 20:56

JS常用组件封装

依赖JQuery第一个参数为需要展示轮播的容器，自行设置宽度、高度第二个参数为轮播图片SRC数组，数量自定预览地址：https://zh-yang.github.io/resume/assembly/carousel.html2
zh_yang·2017-09-30 16:14

使用html+js+css 实现页面轮播图效果(实例讲解)

html页面轮播图效果>css页面carousel.css#main{width:655px;height:361px;position:relative;}#picture{width:100%;height
欢呀·2017-09-21 08:09

实现一些常见的面向对象的组件

题目1：封装一个轮播组件Carousel题目2：封装一个曝光加载组件Exposureps:github上加载新浪的图片貌似会出现卡顿，本地测试没有卡顿题目3：封装一个Tab组件Tab题目4：封装一个日历组件
DCbryant·2017-09-08 17:05

React Native 项目常用第三方组件汇总：

react-native-animatable动画react-native-carousel轮播react-native-countdown倒计时react-native-device-info设备信息
骑着猪的小哥哥·2017-08-11 16:25

Bootstrap 手册 07 - JS 组件篇

模态弹窗(Modal)的滑动和渐变效果；选项卡(Tab)的渐变效果；警告框(Alert)的渐变效果；图片轮播(Carousel)的滑动效果；2.模态弹窗ModalBootstrap模态弹窗通常有以下表现
EncyKe·2017-08-06 22:38

vue-router 与 elementUI导航栏 配合实现路由设置小技巧

:Home,name:'导航一',iconCls:'el-icon-menu',children:[{path:'/table',component:table,name:'表格'},{path:'/carousel
张三少·2017-07-24 15:33

移动端touch事件---利用bootstrap实现轮播图手指左右滑动事件

首先看看bootstrap中carousel的实现方式，.carousel('prev')滑动上
diligentkong·2017-07-11 17:55

Bootstrap3 轮播之个人学习笔记

效果图：参考代码： //$('.carousel').carousel('next'); InternetExplorer8&9不支持过渡动画效果
追求者2016·2017-07-05 00:00
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他