carousel

利用vueJs实现图片轮播实例代码

最近新学习了vuejs,尝试着用vuejs写了一个简单的图片轮播，便做个简单的记录以下只贴出carousel.vue代码，其他的省略左移右移constSCREEN_WIDTH=document.body.clientWidth
南宫凌萱·2017-06-03 11:48

轮播图片实现

标签在使用的时候发现将图片放在img标签中会出现不居中显示的问题而将img标签的style添加width:100%会出现图片过大显示不完整而div的background-image属性可以完美解决这些问题.carousel-inner.it
马木木·2017-06-01 16:10

简单的图片轮播

：功能：1、左右箭头切换2、状态控制点切换3、鼠标悬念4、自动轮播HTML：广西南宁低价供应各种地被、绿化苗木等广西南宁低价供应各种地被、绿化苗木等广西南宁低价供应各种地被、绿化苗木等CSS：.zh-carousel
zhangqh·2017-05-28 00:00

bootstrap 幻灯片（轮播）

Bootstrap实例-轮播（Carousel）插件事件文字描述1文字描述2文字描述3‹›$('#myCarousel').carousel({interval:3000})
weixin_30446613·2017-05-19 15:00

bootstrap轮播图示例代码分享

本文实例为大家分享了bootstrap轮播图的具体代码，供大家参考，具体内容如下XXX-->标题我是内容//$('#myCarousel').carousel();/*自动轮播，默认5秒*/$('#myCarousel
YY小苹果·2017-05-17 09:48

Bootstrap实现基于carousel.js框架的轮播图效果

本文实例为大家分享了Bootstrap轮播图效果展示的具体代码，供大家参考，具体内容如下声明式触发需要使用到的几个data-*属性1.data-ride：作用在最外层容器上，固定值:carousel2.
成兮·2017-05-02 10:55

Bootstrap 在F12控制台 出现“$(...).carousel is not a function”错误的解决办法

今天使用Bootstrap的carousel发现一个奇怪的错误，错误详情如下：TypeError:$(...).carouselisnotafunctionhttp://www.a.com/js/jquery
宏-·2017-04-12 14:04

图片轮播器(swift)

如何实现一个无限循环,无缝衔接的图片轮播器自己实现一次以后就不用使用轮播器的框架了能用代码解决的问题就不在这里瞎BB了O(∩_∩)O首先先在Carousel文件件夹创建以下几个文件CarouselFlowLayout.swiftCarouselView.swiftCarouselView.xibCarsouselCell.swiftCarsouselCell.xibExtension.swift
CoderZS·2017-04-05 16:08

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

React-native-animatable动画react-native-carousel轮播react-native-countdown倒计时react-native-device-info设备信息
诺花生·2017-04-01 10:16

react-native第三方库收藏

ReactNative项目常用第三方组件汇总：React-native-animatable动画react-native-carousel轮播react-native-countdown倒计时react-native-device-info
qq_31136727·2017-03-28 20:58

BootStrap中jQuery插件Carousel实现轮播广告效果

轮播广告在网站中的应用实在是太常见了，下面说一说怎样使用bootstrap中的Carousel插件来实现轮播广告效果，下图为最终效果：具体实现方法请看下面的代码：//data-interval设置轮播间隔为
一颗冉冉升起的新星·2017-03-27 11:49

bootstrap中jquery插件——Carousel轮播广告

轮播广告在网站中的应用实在是太常见了，下面说一说怎样使用bootstrap中的Carousel插件来实现轮播广告效果，下图为最终效果：具体实现方法请看下面的代码：//data-interval设置轮播间隔为
一颗冉冉升起的新星·2017-03-26 21:55

Bootstrap学习笔记 轮播（Carousel）插件

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

adminLTE 教程 -4 轮播控件

轮播可以放在首页用来展示需要显示的内容，其实内容没有什么可以讲解的，就是在box下面放了carousel控件。
wz669·2017-03-16 09:46

Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片

以下是通过bootstrap的Carousel和dropload.js（移动端上下拉动刷新插件）的实现方法。
端着木鱼敲代码·2017-03-10 17:27

ng2学习笔记之bootstrap中的component使用教程

建议大家可以基于这个来快速开发ng2的项目，不用自己再搭建环境；相关内容请前往：https://angular.cn/docs/ts/latest/cli-quickstart.html正文：以图片轮播组件carousel
Benson.Cai·2017-03-09 09:56

基于JS实现仿百度百家主页的轮播图效果

height:inherit;width:70%;background:#00F;margin-right:10px;float:left;position:relative;}.ShowEntry.carousel-btn-prev
u010785025·2017-03-06 09:42

如何实现响应式图片？

如何挑选第三方组件，轮播carousel插件，owl-carousel2响应式图片图片压缩，与webp如何挑选第三方组件不重复造轮子，就要选择一个好轮子：1.使用人数2.是否开源3.文档是否齐全4.活跃性
whhlu·2017-03-06 00:00

React Native 项目常用第三方组件

React-native-animatable动画react-native-carousel轮播react-native-countdown倒计时react-native-device-info设备信息
360编码·2017-03-05 10:19

基于Bootstrap的网页设计实例

废话不多说了，直接给大家贴代码了，具体代码如下所示：首页菜单body{padding-top:50px;padding-bottom:50px;}.carousel{/*滚动图片样式*/height:500px
补课生·2017-03-01 16:59

thinkphp标签实现bootsrtap轮播carousel实例代码

由于轮播carousel第一个div需要设置active样式才能正常显示，上面的圆点也同样需要数字，使用volist标签在循环的同时可以取得下标（foreach，for标签实现不了）active">active
QTFYING·2017-02-19 10:47

Bootstrap轮播图学习使用

本文实例为大家分享了Bootstrap轮播图的具体代码，供大家参考，具体内容如下#pic{width:900px;margin:0auto;}.carousel-caption{color:#f00;}
轻扰时光·2017-02-10 08:10

js实现适合新闻类图片的轮播效果

话不多说，请看代码：Picturecarousel*{margin:0;padding:0;}.carousel-container{overflow:hidden;width:405px;/*130*
Lasy·2017-02-05 16:40

WPF 照片墙的实现

PhotoGallery.xamlPhotoGallery.xaml.csusingSystem.Windows;usingSystem.Windows.Controls;usingDevExpress.Xpf.Carousel
高山百川·2017-01-21 16:00

旺财速啃H5框架之Bootstrap（五）

一、响应式图片基本样式：Bootstrap.css937行.img-responsive, .thumbnail>img, .thumbnaila>img, .carousel-inner>.item>
天堂路上·2017-01-06 13:00

使用BootStrap进行轮播图的制作

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

BootStrap实现轮播图效果(收藏)

如果为false，轮播将不会自动循环data-wrap：轮播是否连续循环carousel-indicators：轮播图的小圆
cullinans·2016-12-30 16:55

Bootstrap 轮播(Carousel)插件

Bootstrap轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。
月夜清风·2016-12-26 09:04

使用BootStrap建立响应式网页――通栏轮播图（carousel）

1、bootstrap提供了js插件――轮播图我们还是照旧，直接拿过来用，需要改的地方再说。2、修改小屏幕看小图，大屏图看大图：这个可以利用自定义属性（data-XXX）data-img-lg（保存大图）和data-img-xs（保存小图）属性保存图片的路径，利用jQuery的data函数取出data-xxxx属性进行动态加载。图片居中显示：大图用背景图片来做比较好一点，小图用img来做比较好一点
苏羽垄·2016-12-21 13:05

利用BootStrap的Carousel.js实现轮播图动画效果

2.bootstrap的carousel.js。3.bootstrap.css。
爱喝酸奶的吃货·2016-12-21 11:33

Bootstrap CSS布局之图像

、img-thumbnail(缩放图模式)//源码img{vertical-align:middle;}.img-responsive,.thumbnail>img,.thumbnaila>img,.carousel-inner
github_34514750·2016-12-17 10:52

Bootstrap轮播图的使用和理解4

width:100%;height:100%;}p{text-align:center;}轮播图1轮播图2轮播图3轮播图尝试PreviousNext向前向后停止开始到第二张$(function(){$('.carousel
浪迹灬天涯·2016-12-14 08:52

学习使用bootstrap的modal和carousel

bootstrap框架提供了很多好用的javascript组件，可以很方便的实现常用的js效果，比如点击弹出一个div（modal）、下拉菜单、旋转木马（carousel或slider），非常适合前端不专业的后端程序员使用
yangtoude·2016-12-09 08:38

Bootstrap基本插件学习笔记之轮播幻灯片(23)

Bootstrap轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。
kikay·2016-12-08 08:04

BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)

bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位的个人总结，具体详情如下所示：bootstrap框架Bootstrap你好导航TogglenavigationBrandaa.navbar-inverse
anfangw·2016-12-01 09:09

JS轮播图

这个轮播图的JS动态代码：varcurrentNum=0;varchangeBgOfObj=document.getElementById("Carousel-BgDiv");varcircleObjId
w蜗牛w·2016-10-28 13:13

React Native常用第三方组件汇总--史上最全

ReactNative项目常用第三方组件汇总：react-native-animatable动画react-native-carousel轮播react-native-countdown倒计时react-native-device-info
chichengjunma·2016-10-25 11:13

Jquery 轮播图简易框架

1、替换carousel-imgs中的图像地址2、为图像添加超链接3、指定DIV.carousel的大小（默认宽800高378）有了轮播图的基本结构，还需要引入相应的样式和效果，这里提供两种基础的轮播图效果
weixin_30539625·2016-10-22 07:00

使用BootStrap和Metroui设计的metro风格微网站或手机app界面

已购买宠物宠物视频宠物监控宠物领养-->宠物百科常见问题联系我们-->-->$(function(){$("#carousel1").carousel({heig
Zhuang miao·2016-10-21 10:42

jQuery BreakingNews 间歇滚动

在线实例实例演示使用方法                   强大实用的jQuery幻灯片插件Owl Carousel         slick制作17173 Ch
zaixianshouce·2016-10-13 08:00

DevExpress Carousel 设置水平滑动列表

DevExpress中Carousel控件的应用Carousel，直译为旋转木马，即旋转视图，可以做为数据的展示或者菜单项。
唐宋元明清2188·2016-09-27 03:00

Boostrap基础教程之JavaScript插件篇

动画过渡Transition模态Modal下拉菜单Dropdown滚动侦测Scrollspy选项卡Tab提示框Tooltip弹出框Popover警告框Alert按钮Button折叠Collapse旋转轮播Carousel
YEN_CSDN·2016-09-08 17:35

淘宝店铺装修（Carousel - 旋转***）

Carousel-旋转***easingeaseOutStrong/easeBoth滚动的动画方方式--------------------------------------------------'
风雨萧条·2016-09-03 12:52

创建bootstrap carousel的方法

bootstrap提供了一个carousel（旋转木马）组件，我们称之为轮播。它可以轮播图片和文字，常常用来展示网站的关键信息。
1000copy·2016-08-26 00:00

如何设计用户友好度高的轮播图

原作者：NickBabich翻译者：Puddinnng本教程为翻译教程，原文地址为：http://babich.biz/designing-a-user-friendly-homepage-carousel
Puddinnng·2016-08-16 17:45

java 枚举使用中注意的问题

今天遇到的问题就是和枚举相关的，因为之前并不知道枚的对象实际上是单例，导致了非常严重的问题先看下代码（1）定义的枚举：publicenumSquareAreaEnum{CAROUSEL(ne
xiaoxiaoxuanao·2016-07-31 22:00

java 枚举使用中注意的问题

今天遇到的问题就是和枚举相关的，因为之前并不知道枚的对象实际上是单例，导致了非常严重的问题先看下代码（1）定义的枚举：publicenumSquareAreaEnum{CAROUSEL(ne
xiaoxiaoxuanao·2016-07-31 22:00

bootstrap轮播控件不自动播放

在使用bootstrap轮播控件的时候,添加了bootstrap轮播控件,一开始因为不自动播放,查了很多资料,有的说是设置什么data-ride="carousel",其实我们在日常工程中,除了这个问题以外
wuhawang·2016-07-25 15:00

基于bootstrap实现广告轮播带图片和文字效果

代码如下所示：基于bootstrap的轮播广告页，带图片和文字.carousel{height:500px;}.carousel.item{height:500px;}.carousel.itemimg
老_蜗牛·2016-07-22 14:03

Bootstrap轮播（carousel）插件中图片变形的终极解决方案——使用jqthumb.js

在顶求网的首页中我使用了BootStrap的轮播（carousel）插件来展示文章中的图片。
乡间小路·2016-07-09 16:00
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他