源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

用js实现的模拟jquery的animate自定义动画(2.5K)

  • 时间:2021-09-07 04:13 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:用js实现的模拟jquery的animate自定义动画(2.5K)
后来发现还不错。不如继续写下去。 这个版本基本上跟jquery的animate一样了。 我是说效果基本上一样了。(效率还没测试过。); 如果有专业测试人员 帮我测试下。 1:功能说明   兼容主流浏览器。 1:支持回调函数;   2:支持级联动画调用; 3:支持delay动画队列延迟;   4:支持stop停止动画; 5:支持opacity透明度变化; 6:支持+= -= *= /=操作; 7:支持单位操作(px, %); 2:使用说明 jelle(A).animate(B, C, D); A:需要执行动画的dom元素ID; B:动画的主要参数传递{key,val,key2,val2};比如{width:'100px',height:'+=100px',opacity:0.5}, opacity--透明度变化 支持+= -= *= /=操作。 C:动画执行用时,以毫秒为单位;[可选 默认500毫秒]; D:回调函数;[可选] 3:方法说明 1:animate()方法 jelle('cc').animate({width:'100px'},300,function(){alert('完成')});// 是 cc 的宽度在300毫秒的时间变化到100px 动画结束 弹出 ‘完成' 2:stop()方法 jelle('cc').stop();//停止正在 cc 对象上播放的动画。 3:delay()方法 jelle('cc').delay(1000).animate({width:'100px'});//cc 的宽度发生变化 将被延迟1秒执行。 我会一直把他完善下去。
[url=http://xiazai.jb51.net/201007/yuanma/animate.rar]代码打包下载[/url] 程序可能每天都在修改。如果想要最新的ainimate 可以email联系我。 上面的代码已经不是最新的了。 这两天又修正了几个错误的地方。 本文来自博客园 jelle 博客 http://www.cnblogs.com/idche/
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部