项目中需要用到旋转木马效果，但是我在网上找的插件，基本都是不带按钮或者只是带前后按钮的，而项目要求的是带索引按钮，也就是说有3张图片轮播，对应的要有3个小按钮，点击按钮，对应的图片位于中间位置。于是就在jQuery的一款插件jquery.carousel.js的基础上进行了一些改进，不足的是，固定就 ...
分类：
Web程序 时间：
2016-12-12 11:53:51
阅读次数：
349
上一篇文中完成的封装，还存在一个小问题，就是该轮播对象不能在同一页面中重复使用，本文将通过组合使用javascript的构造函数和原型模式创建对象来解决这个问题。 没有看过上一篇文章的朋友可以点此查看上一篇文章 (jQuery图片轮播（一）轮播实现并封装) 首先回顾一下，上文的问题所在，上文中的ca ...
分类：
Web程序 时间：
2016-12-06 04:06:10
阅读次数：
342
最近一直在写图片的轮播图,满脑子全是图片滚动, 今天来换一个文字轮播写写. 大家不要在意样式,和内容.都是我随便写的. 主要思路就是 复制两块一样的内容,在内容滚动的过程中,判断当第二个内容滚到一定位置时,重置整体滚动的值. ...
分类：
其他好文 时间：
2016-11-06 02:29:43
阅读次数：
173
通读官方教程 (guide) 的基础篇。不要用任何构建工具，就只用最简单的脚本引入，把教程里的例子模仿一遍，理解用法。不推荐上来就直接用 vue-cli 构建项目，尤其是如果没有 Node/Webpack 基础。有了 Node 和 Webpack 的基础，可以通过 vue-cli 来搭建基于 Web... ...
分类：
其他好文 时间：
2016-10-26 19:28:37
阅读次数：
367
基本结构 这是轮播图的HTML基本结构，只需要做细微调整即可使用。1、替换carousel-imgs中的图像地址 2、为图像添加超链接 3、指定 DIV.carousel 的大小（默认宽800 高378） 有了轮播图的基本结构，还需要引入相应的样式和效果，这里提供两种基础的轮播图效果，滚动轮播和渐变 ...
分类：
Web程序 时间：
2016-10-22 09:42:04
阅读次数：
390
原理：主要运用z-index这个属性来设置图片的展示和隐藏，代码如下： 问题：在这里我们加了一个定时器来让图片自己切换，当我们点击按钮的时候需要关闭定时器，这个可以通过clearInterval(timer)来实现，但是当我们不点击按钮的时候，想让定时器接着我们现在的图片自动轮播下去，这个问题如何解 ...
分类：
编程语言 时间：
2016-09-30 11:59:56
阅读次数：
160
DevExpress中Carousel控件的应用 Carousel，直译为旋转木马，即旋转视图，可以做为数据的展示或者菜单项。 要实现触摸左右滑动的效果，其实是比较容易的，直接在CarouselPanel上实现MouseDown/MouseUp事件，在后台添加逻辑，判断是否产生了位置移动，从而控制面 ...
分类：
其他好文 时间：
2016-09-27 06:52:58
阅读次数：
725
这个插件大家都很熟悉了，但是在网上找了很久找不到相关的资料，只有自己琢磨研究了一下。有些参数一眼都可以看出意思，在此我只说一下每个图片要想带一些扩展信息怎么处理。 1：首先需要创建一个ul对象，然后里面每一个li对象中的内容就是一个旋转的图形，第一个需要注意的就是img对象必须放在最前面，然后后面才 ...
分类：
Web程序 时间：
2016-09-20 13:39:54
阅读次数：
195
昨天，自己心血来潮，弄了一个轮播图的插件，说来你们可能不信，这是我人生第一个插件，好，那我直接讲讲我的思路好了。 首先，我以开发者的角度来看，一个好的插件的使用方式应该简单可靠，因为我做的是Jquery插件，所以最好的使用方式我觉得应该是，$(DOM).carousel(config)。其中DOM节 ...
分类：
Web程序 时间：
2016-09-07 12:43:27
阅读次数：
172
Carousel-旋转木马easingeaseOutStrong/easeBoth滚动的动画方方式--------------------------------------------------‘easing‘:‘easeOutStrong‘先快后慢强‘easing‘:‘easeBoth‘感觉和None差不多‘easing‘:‘easeIn‘先慢后宽速度比较缓------------------------------------------..
分类：
其他好文 时间：
2016-09-03 15:11:57
阅读次数：
177
