前端资源网-html5实例-css3实例-jquery实例-爱编程

jQuery炫酷点击变形全屏放大的模态窗口

这是一款效果非常炫酷的点击变形全屏放大的jQuery模态窗口插件。该模态窗口插件当用户点击某个按钮时，按钮先缩小变形为圆形，然后在由小圆到大圆全屏放大，效果非常酷。最后在生成模态窗口的时候的动画效果使用jQuery和Velocity以及CSS3 transition 和 transformations共
2018-02-04 01:25
实现跨浏览器CSS3 transitions效果的jQuery插件

tram.js是一款实现跨浏览器CSS3 transition效果的jQuery插件。tram.js旨在提高CSS3 transitions的性能和灵活性，并通过jQuery来定义它们。tram.js提供强大的API来实现auto-stopping、sequencing和跨浏览器等功能。tram.js目前通过jQuery来实现，需要jQuery的主要原因有：
2018-02-04 01:25
jQuery超实用文字和图片列表滚动插件

这是一款可以使任何文字和图片列表进行水平和垂直滚动的jQuery插件。该jquery图片滚动插件的特点和一些注意事项如下：使用非常简单。可以在任何形式的列表。列表中的元素可以是文字、图片等等。列表中的元素不能是固定定位，或者是相同的元素。列表元素可以水平或垂直滚动
2018-02-04 01:25
基于animate.css的jQuery文字动画插件

Morphext是一款简单、高性能和跨浏览器的jQuery文字动画插件。该插件基于 Animate.css 。你可以设置使用多个不同的句子，Morphext会以你指定的CSS动画方式轮流显示它们。Morphext所做的事情是隐藏前一个文本短句，然后使用下一个来替换它。插件中已经为跨浏览器处理好了所
2018-02-04 01:25
带CSS3过渡效果的js模态窗口插件

Custombox是一款带CSS3过渡效果的js模态窗口插件。该插件使用原生js制作，但它也可以和jQuery完美结合，作为jQuery插件来使用。插件中带有20中不同CSS3过渡效果的模态窗口，除了传统的淡入淡出、翻转、旋转等效果，该插件还增加了开门、推拉、角部放大的那个六种效果。该
2018-02-04 01:25

jQuery炫酷时尚彩色条纹进度条插件

这是一款效果非常炫酷时尚的 jQuery 彩色条纹进度条插件。该进度条插件可以定制多种颜色，并且可以定制是否显示进度条动画。进度条可以是彩带模式，也可以使纯色模式。该进度条插件最大的特点是进度条进入视口时才开始产生动画，效果非常好。使用方法首先要在页面中引入p
2018-02-04 01:25
基于Bootstrap的炫酷jQuery slider插件

这是一款在原生bootstrap slider的基础上制作效果非常炫酷的jQuery slider插件。该slider插件可以自定义slider的颜色、形状、透明度和tooltip等属性，美化的效果非常好。安装可以使用npm和bower来安装该slider插件。npm install bootstrap-sliderbower install seiyria-b
2018-02-04 01:25
模拟现实物体运动的js动画库框架-Anima

Anima是一款可以同时控制许多对象进行动画的js插件。并且每一个对象都有它们各自的质量和密度以模拟现实生活中的物体。CSS动画有一些限制，最主要的是你不可以真正完全的控制它们。如果不使用一些技巧的话，你几乎不可能停止动画的过渡。另一个问题是keyframes的百分比计
2018-02-04 01:25
纯js和CSS3谷歌Material Design样式进度条插件

这是一款使用纯JS和CSS3制作的谷歌Material Design样式的进度条插件。该插件没有依赖任何外部库。该进度条插件有4种类型的动画方式，分别是：确定型、缓冲型、不确定型和查询确定型。使用方法首先要在页面中引入mprogress.js和mprogress.css文件。link rel='stylesheet'
2018-02-04 01:25
基于Bootstrap的超酷jQuery开关按钮插件

这是一款基于bootstrap的超酷jQuery开关按钮插件。该开关按钮插件可以将复选框和单选按钮转换为安卓样式的开关按钮。该插件可以设置开关按钮的颜色、是否可用、显示文本等属性，还可以将开关按钮放置到模态窗口中显示。使用方法首先要在页面中引入依赖文件： jquery、Boo
2018-02-04 01:25
基于SVG的jQuery星级评分插件-jRate

jRate是一款基于SVG的 jQuery 星级评分插件。jRate能够通过参数设置来提供各种实用的评分功能。基本使用在页面中引入jQuery和jRate.js文件。script type="text/javascript" src="js/jquery.min.js"/scriptscript type="text/javascript" src="js/jRate.js"/scripthtml结构
2018-02-04 01:25
jQuery和CSS3扁平化风格滑动面板

这是一款时下最为流行的 jQuery 和 CSS3 扁平风格滑动面板插件。HTML结构该滑动面板使用无序列表制作，HTML结构非常简单。每个列表项中使用一个div .info-box-green作为整个滑动面板的wrapper。里面的h4标签是面板的标题，div.info-content是面板的内容。最后空的span是面
2018-02-04 01:25
所见即所得的jQuery富文本编辑器插件-wysiwyg.js

wysiwyg.js是一款所见即所得的轻量级 jQuery 富文本编辑器插件。wysiwyg.js没有任何依赖，大小只有12k。该富文本编辑器的特点还有：可以将任何HTML元素设置为contenteditable（可编辑）模式。支持选择事件：例如工具条。支持键盘事件：例如处理热键。支持占位符：可以显示
2018-02-04 01:25
jQuery简单带备忘录功能的日期选择器插件

jQuery.Simple-EventCalendar是一款带备忘录功能的jQuery日期选择器插件。你可以在某个日期上记录需要做的事情或已经做的事情，就像工作中的备忘录一样，十分方便。bower 安装bower install simpleeventcalendarHTML结构该日期选择器的html结构十分简单。下面是日期选择器
2018-02-04 01:25
jQuery炫酷页面预加载Loading特效插件

fakeLoader.js是一款轻量级的 jQuery 炫酷页面预加载Loading特效插件。它能帮助我们创建一个全屏遮罩效果的旋转loading效果来模拟页面预加载过程。Bower安装bower install fakeloader使用方法在head标签中引入fakeLoader.css文件。link rel="stylesheet" href="yourPath/
2018-02-04 01:25
tween.js可生成平滑动画效果的js动画库

tween.js是一款可生成平滑动画效果的js动画库。相关的动画库插件还有：snabbt.js 强大的jQuery动画库插件和Tweene-超级强大的jQuery动画代理插件。tween.js允许你以平滑的方式修改元素的属性值。你只需要告诉tween你想修改什么值，以及动画结束时它的最终值是什么，动画花
2018-02-04 01:25
js轻量级计数器动画特效插件

countUp.js是一款轻量级的、无依赖的js计数器动画特效插件。它能够帮助我们快速的通过多种方式创建计数器的动态变化效果。通过设置startVal和endVal参数，countUp 可以在任何一个方向上计数。countUp兼容新超强，兼容所有的浏览器。可用参数target ：html元素的id，可以是
2018-02-04 01:25
可替代CSS3 transition和transform的jQuery插件

jQuery Transit是一款可制作超级平滑的CSS3 transformations 和 transitions动画的jQuery插件。它能够通过jQuery来完成CSS转换和过渡效果，而且动画平滑完美，这对于一些不支持CSS3转换和过渡属性的浏览器来说是一个非常有用的jQuery插件。使用方法只需要在页面中引入jQu
2018-02-04 01:25
一款模拟CSS3动画的js插件-move.js

Move.js是一款简单小巧的模拟CSS3动画的js插件。它可以完成CSS3的各种动画效果：移动、变形、倾斜、背景色渐变、旋转等。并且可以在动画中使用各种easing效果。类似插件可参考：可替代CSS3 transition和transform的jQuery插件安装方法可以通过component来安装：$ compone
2018-02-04 01:25
jQuery适合移动设备触摸屏的响应式幻灯片插件

flickity是一款响应式、适用于移动设备触摸屏、可滑动显示的jQuery幻灯片插件。安装方法可以通过Bower或npm来安装：Bower: bower install flickity --savenpm: npm install flickity --save使用方法要使用该幻灯片插件首先要在页面中引入 flickity.pkgd.js 和 flickity.c
2018-02-04 01:25

加载中...