js和css j实现的动画插件

遇到一些比较复杂的动画可以用插件帮忙,我一般选择animate.css,有时间和机会的话试下 jquery.transit.js:

jquery.transit.js:

http://code.ciaoca.com/jquery/transit/demo/

animate.css

http://alloyteam.github.io/JXAnimate/jxanimate_demo.html

这是老大之前发的动画原则,虽然我还没用过,但感觉总会有用上的一天

http://www.sunnyzhen.com/course/animation_principles/demo.html?from=timeline&isappinstalled=0

时间: 2024-10-08 07:33:27

js和css j实现的动画插件的相关文章

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

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

分享JQuery动画插件Velocity.js的六种列表加载特效

分享JQuery动画插件Velocity.js的六种列表加载特效.在这款实例中给中六种不同的列表加载效果.分别为从上飞入.从右侧飞入.从左侧飞入.和渐显.一起看下效果图: 在线预览   源码下载 实现的代码. html代码: <h1> Velocity.js <i>slice + sequence</i></h1> <pre>Only anim X number with FX#1, animate Y number with FX#2 etc

js插件动态加载js、css解决方案

最近因为工作需要做了一个js自动导入的插件,一开始很天真的以为动态创建个script添加到head中就ok了,试了之后才发现了问题,就是如果同时引入了多个js文件,而且后一个文件中用到了前一个文件中的变量,那就会报错,靠~~悲催了,就是说js如果动态加载(非浏览器加载因为浏览器加载时同步加载的会等待前一个js加载完成后才进行下一个js加载,这样就不会出现问题)那加载的文件是异步进行的,难怪啊!然后在网上找了些资料说用ajax同步加载,然后我试了真可以,下面就是我的代码分享出来给大家,但是注意这样

zend studio(PHP)系列 --- 配置js、css、html提示插件

zend studio系列(PHP) --- 配置js.css.html提示插件 一.前情提要 据笔者亲自测试,安装插件后,编辑器编辑js.css.html会稍微卡点.但是会有智能提示,所以需要自己取舍! 笔者qq:2773630878 二.原料 1.zend studio 2.网络 三.配置 1.打开窗口,如下界面: 2.输入地址和插件名: 插件地址:http://download.aptana.org/tools/studio/plugin/install/studio  3.选中插件,点击

原生js判断css动画结束 css 动画结束的回调函数

原文:原生js判断css动画结束 css 动画结束的回调函数 css3 的时代,css3--动画 一切皆有可能: 传统的js 可以通过回调函数判断动画是否结束:即使是采用CSS技术生成动画效果,JavaScript仍然能捕获动画或变换的结束事件: transitionend事件和animationend事件标准的浏览器事件,但在WebKit浏览器里你仍然需要使用webkit前缀,所以,我们不得不根据各种浏览器分别检测事件 var transitions = { 'transition':'tra

#JS 数字滚动累加动画插件

数字滚动累加动画插件  NumScroll 1.使用前先引入jquery2.前端学习群:739574382 下载地址 https://github.com/chaorenzeng/jquery.numscroll.js.git 快速使用 1.引入jquery和jquery.numscroll.js <script src='http://code.jquery.com/jquery-2.1.1.min.js' type='text/javascript'></script> <

hta+vbs+js+div+css (javascript是原生态的)

talbe是javascript动态生成的,根据你的sql语句来的,分页是vbs用数组来造的轮子,vbs这脚本虽然强大,却没有返回数据集的东东,数组来做简单的分页还是比较简单的,批量跟新呢?是上传execl来更新的,最好是用vba操作execl的话,直接在execl里修改了立马更新数据库,只是个小工具,目前还不是很强大不是很满意,慢慢做,局限hta不能跨平台只能windows,不能和硬件结合.优点调用webservies不需要考虑域的问题,做一个小巧强悍的工具还是比较方便的,因为hta直接双击就

基于Three.js的360X180度全景图预览插件

基于Three.js的360X180度全景图预览插件 时间 2015-08-12 10:01:10  HTML5中国 原文  http://www.html5cn.org/article-8621-1.html 主题 Three.js 简要教程 Photo Sphere Viewer是一款基于Three.js的360X180度全景图预览js插件.该js插件可以360度旋转查看全景图,也可以上下180度查看图片.使用该插件的唯一要求是浏览器支持canvas或WebGL. 查看演示      下载插

php gizp压缩传输js和css文件

1. [代码][PHP]代码    <?php     /**     *  完整调用示例:     *  1.combine.php?t=j&b=public&fs=jslib.jquery,function     *       *  该例子调用的是网站根目录下的public/jslib/jquery.js和public/function.js      *       *  2.combine.php?t=j&fs=jslib.jquery,function