基于Animate.css的jQuery动画特效插件

janimate是一款非常实用的基于Animate.css的jQuery动画特效插件。该动画特效插件允许你在jQuery代码中操纵Animate.css的66种动画效果。通过该插件可以简化Animate.css的使用,非常方便。

使用这个插件可以通过jQuery选择器来选择你想要进行动画的元素,然后调用jAnimate()或jAnimateOnce()方法,并传入你想要执行动画效果的名称即可。

效果演示:http://www.htmleaf.com/Demo/201504121666.html

下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201504121665.html

时间: 2024-08-09 18:58:46

基于Animate.css的jQuery动画特效插件的相关文章

基于animate.css的jQuery文字动画插件

Morphext是一款简单.高性能和跨浏览器的jQuery文字动画插件.该文字动画jQuery插件基于Animate.css.你可以设置使用多个不同的句子,Morphext会以你指定的CSS3动画方式轮流显示它们. Morphext所做的事情是隐藏前一个文本短句,然后使用下一个来替换它.插件中已经为跨浏览器处理好了所有浏览器厂商的前缀问题,它可以为我们提供非常酷的文字动画效果. Animate.css依赖于CSS3 animations和transformations.如果浏览器不支持css3,

基于Animate.css的炫酷jQuery消息通知框插件

notification是一款基于Animate.css的炫酷jQuery消息通知框插件.该插件可以在屏幕的四个角显示消息通知框,结合Animate.css可以制作出多种效果非常炫酷的CSS3动画特效. 在线预览   源码下载 使用方法 使用该jQuery消息通知框插件需要引入jQuery,notification.js,animate.css和notification.css文件. <link rel='stylesheet' href='css/animate.min.css'> <

66种基于animate.css的CSS消息提示动画效果

这是一款基于animate.css的效果非常酷的CSS消息提示动画效果.这66种CSS消息提示动画效果按出现位置分为4种类型:上部.中部.中下和右下.每个部位的消息提示效果都是不一样的. 注意:这个CSS消息提示动画效果需要在支持CSS3的浏览器中才能正常工作. 在线演示:http://www.htmleaf.com/Demo/201503061471.html 下载地址:http://www.htmleaf.com/css3/css3donghua/201503061470.html

jQuery炫酷插入和移动元素动画特效插件

Magic Move是一款效果非常棒的jQuery炫酷插入和移动元素动画特效插件.这款插件可以以非常平滑的方式在指定元素之前插入其它元素,并且当最右边的元素超出容器时会自动下移插入到下一行的第一个位置. 在线演示:http://www.htmleaf.com/Demo/201503061473.html 下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201503061472.html

jQuery.smoove — jQuery和CSS3炫酷滚动页面内容元素动画特效插件

插件介绍: jQuery-smoove是一款jQuery和CSS3炫酷滚动页面内容元素动画特效插件.该内容元素动画插件在页面滚动到指定位置时,该位置的HTML元素会执行指定的CSS3动画特效,如旋转.翻转.放大缩小等动画特效.使用Smoove页面滚动元素动画特效插件可以很轻松的制作出各种华丽的CSS3动画效果. 基本用法 $('.smoove').smoove(options); 上面的代码会在class为 smoove 的元素上使用默认参数初始化 jQuery Smoove. 你可以通过dat

有时候就是看不进论文-jQuery动画特效篇&amp;MySQL

hi 早上知道新的乱斗模式后,没忍住开了几把,然后就无心论文了...用这个来破吧 1.jQuery -----动画特效----- ----调用show()和hide()方法显示和隐藏元素 show()和hide()方法用于显示或隐藏页面中的元素,它的调用格式分别为: $(selector).hide(speed,[callback])和$(selector).show(speed,[callback]) 参数speed设置隐藏或显示时的速度值,可为“slow”.“fast”或毫秒数值,可选项参数

jQuery动画特效实例教程

本文以实例形式详细讲述了jQuery动画特效的实现方法. 1.自制折叠内容块 内容块如下:   <div class="module">   <div class="caption">     <span>标题</span>     <img src="rollup.gif" alt="rollup" title="rolls up this module&quo

基于css3小船水面游动动画特效

基于css3小船水面游动动画特效,这是一款色彩鲜艳扁平风格的css3动画特效.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="land"> <div class="land_01"></div> <div class="land_02"></div> <div class="land_03"></div&g

Tweene-超级强大的jQuery动画代理插件

Tweene是一款功能强大的jQuery动画代理插件.Tweene可以在不同的动画库之间进行切换,使你能够同时使用不同的动画库而不必修改你的动画代码.使用Tweene可以很好进行各种动画控制. 现在已经有许多的javascript动画库插件,如snabbt.js ,它们每一个都有自己的优点和不足.每个程序员和每个项目都有其特定的要求,所以有时一个动画库可能不能满足我们的需要.我们并不建议你放弃那些已经存在的动画库而去自己编写一个新的动画库,即使你有这样的能力. 在线演示:http://www.h