MxSlider.js是一款堆叠卡片样式的jQuery响应式轮播图插件。该轮播图插件兼容IE8浏览器,采用响应式设计,它在图片切换时,就像一叠扑克牌将最上面一张挪开的效果。使用方法在页面中引入MxSlider.css,jquery和MxSlider.js文件。link rel="stylesheet" href="css/MxSlider
2018-02-04 01:30ScratchCard是一款支持移动手机的HTML5 canvas刮刮卡插件。该刮刮卡插件支持移动触摸事件,提供刮卡的回调函数,简单易用,效果非常不错。使用方法在页面中引入Scratch.js文件。script type="text/javascript" src="js/Scratch.js"/script HTML结构使用下面的
2018-02-04 01:30这是一款使用CSS3和少量js代码制作的炫酷六边形菜单动画特效。该六边形菜单在鼠标滑过时带有高光动画效果,当点击菜单后,各个菜单项沿六边形的各条边向外弹出,组成一个大的六边形。使用方法HTML结构该六边形菜单使用一个svg来制作,菜单项使用一个无序列表来制作。nav
2018-02-04 01:30这是一款使用SVG来制作的多边形图片网格布局。该布局中通过SVG来将屏幕划分为多个多边形,每个多边形中设置一张背景图片,效果非常不错。使用方法在页面中引入snap.svg。script src='https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.4.1/snap.svg-min.js'/script
2018-02-04 01:30jQuery不同列表自由拖拽排序代码是一款列表项可以在各个列表中相互拖拽. 对于像todo list, 分配任务列表都可以应用这个效果。
2018-02-04 01:30currencyFormatter.js是一款简单实用的纯js格式化货币插件。该插件包含155种不同国家的货币,以及715种不同语言的本地化设置。它还能处理某些不采用的货币,功能非常强大。使用方法在页面中引入currencyFormatter.js文件。script type='text/javascript' src='currencyFo
2018-02-04 01:30这是一款使用CSS3制作的炫酷鼠标滑过图片遮罩层动画特效。该特效中有2种不同的效果,均是咋is本滑过图片时,使用遮罩层的旋转和缩放来展示图片的描述信息。使用方法HTML结构该特效使用bootstrap来进行布局,核心代码为使用一个div.box作为容器,里面放置图片和一个遮罩层
2018-02-04 01:30js带倒影效果3D旋转木马特效是一款基于ImageRotator.js插件制作的类似Flash的旋转图效果,并且每张图片都带有倒影效果。
2018-02-04 01:30text-spinners是一款纯CSS纯文本Loading加载指示器特效。该loading加载指示器使用纯文本制作,为内联样式,不同的字体下显示的效果会略有不同。使用方法在页面中引入spinners.css文件。link rel="stylesheet" href="css/spinners.css" HTML结构在使用时,
2018-02-04 01:30jQuery响应浏览器窗口大小图片排列代码是一款效果类似于Flick和谷歌加的图片画廊效果,为所有图片提供统一的高度,图片按照自身比例进行缩放。
2018-02-04 01:30canvas-gauges是一款基于HTML5 Canvas的仪表盘插件。该仪表盘插件使用纯js来驱动动画,可以制作圆形和线性的仪表盘组件。安装可以通过npm来安装该仪表盘插件。$ npm install canvas-gauges 使用方法在页面中引入gauge.min.js文件。script type="text/ja
2018-02-04 01:30adapttext.js是一款简单实用的jQuery响应式文字插件。该插件通过计算文本的font-size来使文字适应它的父容器的宽度和高度。安装可以通过npm和bower来安装adapttext.js插件。npm install adapttext.js --save-devbower install adapttext.js --save-dev 使
2018-02-04 01:30