carousel

JS组件Bootstrap实现图片轮播效果

//$('.carousel').carousel('next');InternetExplorer8&9不支持过渡动画效果Bootstrap基于CSS3实现动画效果，但是InternetExplorer8&
·2019-09-24 02:52

Bootstrap每天必学之轮播（Carousel）插件

如果您想要单独引用该插件的功能，那么您需要引用carousel.js。或者，正如Bootstrap插件概览一章中所提到，您可以引用bootstrap.js或压缩版的bootstrap.min.js。
·2019-09-24 01:49

Bootstrap每天必学之响应式导航、轮播图

//响应式轮播图‹›//所需要的jQuery控制$('#myCarousel').carousel({//设置自动播放/2秒interval:3000,});//调整轮播器箭头位置
·2019-09-24 01:13

jQuery旋转木马式幻灯片轮播特效

具体内容如下特点响应式――适应任何视窗的宽度混合内容不需要CSS轻量级(写入基础CSS样式，可根据项目完全自定义.carousel{position:relative;min-height:20px;height
·2019-09-24 00:46

Bootstrap的图片轮播示例代码

示例一：插入js及css支持：HTML代码：‹›示例二：用法………‹›所以，您把想要呈现的条目（比如images）以循环顺序放置在"carousel-inner"div中，通过""创建条目的导航。
·2019-09-23 23:46

Oracle 18c新特性-PDB快照轮播(Snapshot Carousel)

Oracle18c推出的一个新功能就是PDB快照轮播，最多可以创建8个pdb的快照，而这8个构成的一组快照就被称作快照轮播。当达到第8个快照限制时，新的快照就会覆盖最旧的快照，就像redolog一样。PDB的快照主要作用是当出现了问题可以闪回到快照的时间点，另一个功能是基于快照来查询历史数据。SQL>SELECTr.CON_ID,p.PDB_NAME,PROPERTY_NAME,PROPERTY_
·2019-09-23 05:51

bootstrap实现每隔5秒自动轮播效果

供大家参考，具体内容如下轮播#circleContent{width:150px;height:150px;}$(document).ready(function(){$('#circleContent').carousel
·2019-09-22 18:11

vue.js+elementUI实现点击左右箭头切换头像功能（类似轮播图效果）

1.效果图如下2.vue代码如下{{items.b_nickname}}3.修改的样式.el-carousel__item.el-carousel__item--card.is-in-stage{text-align
克克业业·2019-09-05 09:33

vue实现页面滚动到底部刷新

本文实例为大家分享了vue实现页面滚动到底部刷新的具体代码，供大家参考，具体内容如下h5页面varapp=newVue({el:'#app',data:{swiper:null,carousel:[],
weixin_42648409·2019-08-16 15:39

使用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果

当时用的是vue-cli-3+ant-design-vue实现的页面，发现ant-design-vue里头有现成的Carousel组件可用，由于排期比较急，先
greenycaicailv-1·2019-08-16 10:53

JS组件化开发-轮播图组件

CSS部分.kui-carousel{position:relative;overflow:hidden;}[kui-anim=fade].kui-carousel-item>*{position:absolute
shaozhi·2019-08-09 10:00

Taro,React,Typescript实现轮播图

Carousel总结需求：轮播图：自动轮播，漏出下一项的一部分，向左移动，无缝连接切换项目技术栈为react.js，Taro，typescript难点：因为技术栈的原因，使用Taro的Swiper组件来写轮播
L_AMiao·2019-08-08 12:49

js 对数组的循环遍历总结

循环for循环是最基本的循环遍历设置demo中需要的变量：​data(){return{flowerVal:['hmg','md','hmg','yjx'],carouselVal:[{title:'carousel1
Alice_666·2019-08-07 16:22

解决el-carousel默认高度300问题(实现自适应全屏banner图 )

代码:exportdefault{data(){return{bannerHeight:500,screenWidth:1920,};},mounted(){this.setSize1();constthat=this;//监听浏览器窗口大小改变window.addEventListener('resize',function(){varwidth=window.innerWidth||docum
哒哒哒哒da·2019-07-17 09:04

图片轮播工具Amazing Carousel中文版安装及注册图文教程(附注册码)

AmazingCarousel是一款可视化网页首页轮播图片制作工具。工具使用非常简单，实现所见所得的效果。同时还可以支持作为WordPress插件使用，非常方便。本文小编主要为大家带来了详细的图片轮播工具AmazingCarousel中文版安装及激活教程，有需要的朋友快来了解一下吧。软件名称：AmazingCarousel(简单的轮播图片制作软件)v4.1免费安装中文版(附序列号)软件大小：22.
佚名·2019-07-11 09:18

Vue 实现轮播图

exportdefault{name:"carousel",data(){return{index:0,timer:null,images:["https://i1.mifile.cn/a4/xmad_
AriesZzz·2019-07-09 11:40

页面加载时，下方内容在上方图片位置闪现

如图，页面结构如下：开始的css如下：.section-home-carousel{width:100%;height:100%;img{width:100%;height:100%;}}结果页面刷新时
swpu_lwf·2019-07-02 16:29

laravle微信开发项目

.ajax提交订单（CSRF攻击）注册：1.手机号和邮箱验证2.发送短信的接口平台3.laravel如何发送邮件产品：1.媒体对象方式展示2.上拉刷新，下拉加载（iScroll）产品详情：1.轮播图（Carousel
王利桢·2019-06-24 22:09

Bootstrap3 轮番插件的使用方法

轮番Bootstrap的轮番插件（carousel.js）是一个灵活的、响应式的、无缝循环播放的幻灯片切换插件，它的内容可以是图片、视频、或者其他任何内容。
ixygj197875·2019-06-03 16:32

atom-design(Vue.js移动端组件库)手势组件使用教程

Gesture(手势)相关组件•Carousel(传送带)•SlideItem(滑动条)•Range(区域选择)•PullGesture
Reming·2019-05-16 16:43

【Element-UI】走马灯（Carousel）中图片的处理问题

为了让图片适应走马灯窗口的大小，可以做如下处理：首先将图片裁剪到走马灯的尺寸大小，然后在走马灯中插入图片时处理一下图片的宽度。例如我这里设置了一个走马灯：图片的尺寸差不多和走马灯的尺寸一样。如果直接将图片插入到走马灯中，element-ui会拉伸图片使得图片失真。可以将代码修改如下：（页面的背景是vue框架下的element-ui，vue组件中有templatescript和style模块）首先是
AXIMI·2019-04-28 17:48

vue实例：element-ui导航栏通过vue-router配置多级导航菜单

:'导航一',  iconCls:'el-icon-menu',  children:[   {path:'/table',component:table,name:'表格'},   {path:'/carousel
duansamve·2019-04-22 22:38

Unable to preventDefault inside passive event listener due to target being treated as passive.

近期用react+antd-mobile写一个react案例，使用Carousel组件时，意外发现滑动切换时控制台出现如下提示 百度了下，原因简述如下：由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过
Beamon__·2019-04-05 19:58

react Carousel 走马灯显示左右切换箭头

1.Carousel走马灯显示左右切换箭头arrows:truethis.state={settings:{variableWidth:true,arrows:true,autoplay:true,speed
Radish999·2019-03-12 14:02

Daily English

Amusementpark游乐场Amusementpark.jpgslide滑梯waterslide划水games游戏vomit呕吐ticketbooth售票处line排队carousel/merry-go-round
AsaGuo·2019-03-07 08:57

BootStrap：轮播插件

带标题的轮播、设置轮播速度的轮播、控制前后的轮播实例#基本轮播#代码#1.引入bootstrap和jQuery文件Copy2.首先要有一个整体的轮播容器Copy3.设置轮播指标data-ride属性：取值carousel
bahongying2053·2019-02-22 15:00

BootStrap：轮播插件

实现图片轮播，包括基本轮播、带标题的轮播、设置轮播速度的轮播、控制前后的轮播实例基本轮播代码1.引入bootstrap和jQuery文件2.首先要有一个整体的轮播容器3.设置轮播指标data-ride属性：取值carousel
JYRoy·2019-02-22 11:00

less学习之Bootstrap

│.csslintrc│alerts.less│badges.less│bootstrap.less│breadcrumbs.less│button-groups.less│buttons.less│carousel.less
风研雨墨·2019-01-15 00:00

antd 的Carousel 跑马灯 （react- slick ）状态重置问题

antd的Carousel跑马灯实际上是用的react-slick插件问题从A页面跳转到B页面时Carousel组件默认会状态重置；原因：组件销毁所以会重置解决方案：修改组件初始化时的initialSlide
Meditate_MasterYi·2019-01-09 15:01

ES6公用立体轮播组件的封装及使用

ES6公用立体轮播组件的封装及使用源码github链接：https://github.com/XieTongXue/how-to/tree/master/carousel-3d1、效果展示2、容易产生bug
ECMAScripter·2019-01-07 00:47

Flutter布局锦囊---轮播图片与滑块

第1步：绘制组件树第2步：实现“运营位”Flutter没有直接提供可以通过左右滑动来切换图片的组件，不过你可以在Flutter第三方包和插件仓库中找到解决方案，carousel_slider包是一个轮播
何小有·2018-12-27 18:07

layui 轮播图动态数据不显示问题

layui.use('carousel',function(){varcarousel=layui.carousel;varins=carousel.render({elem:'#test1',width
abcByme·2018-12-18 17:00

laravel项目简介

CSRF攻击)注册*手机号邮箱验证*发送短信接口平台*laravel如何发邮件*验证码(session)产品*媒体对象方式展示(bootstrap)*上拉刷新下啦加载(iScroll)产品详情*轮播图(Carousel
热心网友yu·2018-12-13 02:39

Jquery轻量级幻灯插件-OWL Carousel--支持触屏的移动浏览器

Jquery轻量级幻灯插件-OWLCarousel--支持触屏的移动浏览器官方网址:猫头鹰旋转木马一、首先是说明一下OWLCarousel幻灯的主要功能。1、Jquery插件，品牌好，哈哈。基于Jquery开发，比较稳定2、文件小。Css+js不到10k，压缩之后。3、支持触屏。经过测试，在android手机的主流浏览器：QQ、百度、UC、微信内置浏览器等支持4、响应式设计。支持不用屏幕、触屏。支
代码使劲儿搬·2018-12-12 16:53

layui修改、删除

jsp前端">layui在线调试js/layui/css/layui.css"media="all">body{margin:10px;}.demo-carousel{height:200px;line-height
KidShmily·2018-12-03 18:03

响应式滚动图懒加载 element ui el-carousel 组件优化代码

响应式滚动图懒加载elementuiel-carousel组件优化代码懒加载插件vue-lazyload//main.jsimportVueLazyloadfrom'vue-lazyload'Vue.use
蔡俊锋·2018-11-27 10:37

两边可预览的轮播

HTML卡片旋转轮播$(function(){$('#carousel').carousel({curDisplay:0,//默认索引autoPlay:false,//是否自动播放interval:3000
一块没梦想的海绵宝宝·2018-11-21 10:25

两边可预览的轮播

HTML卡片旋转轮播$(function(){$('#carousel').carousel({curDisplay:0,//默认索引autoPlay:false,//是否自动播放interval:3000
一块没梦想的海绵宝宝·2018-11-21 10:25

制作一个简单React移动端滑动切换组件

写在前边本文主要介绍如何实现滑动切换及遇到的问题，具体组件代码点这如果你需要的是轮播图，这里有两个轮子react-slick、nuka-carousel原生DOM操作，非React框架下也能使用实现效果我们想实现触摸切换无非是做以下三件事监听触摸事件判断用户当前操作是否是切换进行页面切换获取触摸事件如果你不了解触摸事件可以先看触摸事件要想监听触摸事件整个流程需要监听以下三个事件
dk123sw·2018-11-19 22:16

react-native-snap-carousel部分图片空白显示问题

最近在使用react-native-snap-carousel时，测试发现了一个问题，就是当使用carousel加载一组图片时，初始化时只能显示前半部分图片，后半部分无法加载。
清风_醉·2018-11-05 16:24

用element-ui的走马灯carousel轻松实现自适应全屏banner图 解决el-carousel默认高度300问题 组件代码

用element-ui的走马灯carousel轻松实现自适应全屏banner图解决el-carousel默认高度300问题组件代码exportdefault{data(){return{bannerHeight
蔡俊锋·2018-10-30 15:58

bootstrap-4.1新特性

阅读更多滑动窗-添加了新的.carousel-fade修改器，可以将轮播从水平滑动切换为交叉淡入淡出按钮扁平化风格增加了新的自定义范围表单控件添加了新的.carousel-fade修改器，可以将轮播从水平滑动切换为交叉淡入淡出为明文下拉项目添加了新的
cuityang·2018-10-08 00:00

bootstrap-4.1新特性

阅读更多滑动窗-添加了新的.carousel-fade修改器，可以将轮播从水平滑动切换为交叉淡入淡出按钮扁平化风格增加了新的自定义范围表单控件添加了新的.carousel-fade修改器，可以将轮播从水平滑动切换为交叉淡入淡出为明文下拉项目添加了新的
cuityang·2018-10-08 00:00

解决BootStrap轮播图片中图片大小和父div不一致问题

，图片会按照自己的大小进行布局，这样就会出现图片小于父div的情况，如下图所示：问题解决找出图片所属类，更改类的属性为block，设置图片的高度为父div的高度，代码如下：#showCarousel.carousel-inner
zbk_pointer·2018-10-01 13:21

实现轮播广告位和固定位置广告位

轮播广告位：去bootstrap的官网，我们可以看到有提供实现轮播的插件，我也是用的这个插件，Bootstrap轮播（Carousel）插件地址：http://www.runoob.com/bootstrap
csdn_jy·2018-09-29 18:25

vue Element UI走马灯组件重写

1、elementui走马灯组件--carousel分析一波源代码：carousel/src/main.vue文件为el-carousel文件主要功能carousel/src/item.vue文件为el-carousel-item
小小_绿·2018-09-19 16:42

前端网站练习COFFEE_blog_3 轮播图

Bootstrap4框架；javascript调整图片轮播的时长；css3设置在浏览器窗口大小不同的情况下的图片尺寸；html代码：IDEA&DREAMIDEA&DREAMIDEA&DREAMclass名说明：.carousel
Charleyszc·2018-09-12 02:13

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
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他