无为清净楼资源网 Design By www.qnjia.com
网上也有很多封装好的JS动画库，但大多因为功能过于完善，而至于代码量大动辄过千行，不宜在小项目中使用。这里自己封装了一个很轻量的动画库，主要功能都已实现。难免有疏漏之处，还请大家多多指教。
这里先说明一下功能和用法，以及注意点，随后是一个很简单的可运行示例。
用法及注意事项：
anim(elemId, cssObj, time, animType, funObj)
参数说明：
elemId （必选）需要施加动画效果的元素id
cssObj （必选）动画结束时的样式，对象类型，键值对形式，
其中键是能直接用在JS中的“驼峰”形式的css属性，而不是原来的css属性。
例如：{ marginLeft: '200px', top: '200px', borderWidth: '8px'}
time （必选）动画持续时间（单位ms）
animType （可选）默认为线性变化，代码里的Tween类型包含可选的其他参数
funObj （可选）如果要此选项，需要加入开始和结束时候执行的函数。
形如：{ el为elemId所指向的元素
start: function (el) { el.innerHTML = 'start!'; },
complete: function (el) { el.innerHTML = 'Completed!'; }
}
几点注意事项：
1、没有做低版本浏览器兼容，支持IE8+、FF、chrome、safari、opera
2、注意用能直接用在JS中的“驼峰”形式的css属性（本来应把css转“驼峰”形式，
但是基本所有JS程序员都能直接写出驼峰形式，所以没转）
3、如果需要把动画应用到绝对定位（position:absolute;）元素上，
需要注意在这些元素上设置CSS的方法。
例如：设置top和marginTop，对于绝对定位元素，应该设置top而不是marginTop，
更不应该将二者混合使用，因为二者的参考点是不一样的，同时设置很容易造成混乱。
所以，这里也不支持同时设置二者。
其他相似的同理（left和marginLeft、right和marginRight）
同时设置top和bottom、left和right也不支持。
4、引用了Tween缓动算法，支持线性、渐入渐出等多种变化方式。
5、“动画队列”功能尚未实现，此版本为初级版本，疏漏之处还请多多指正。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
这里先说明一下功能和用法，以及注意点，随后是一个很简单的可运行示例。
用法及注意事项：
anim(elemId, cssObj, time, animType, funObj)
参数说明：
elemId （必选）需要施加动画效果的元素id
cssObj （必选）动画结束时的样式，对象类型，键值对形式，
其中键是能直接用在JS中的“驼峰”形式的css属性，而不是原来的css属性。
例如：{ marginLeft: '200px', top: '200px', borderWidth: '8px'}
time （必选）动画持续时间（单位ms）
animType （可选）默认为线性变化，代码里的Tween类型包含可选的其他参数
funObj （可选）如果要此选项，需要加入开始和结束时候执行的函数。
形如：{ el为elemId所指向的元素
start: function (el) { el.innerHTML = 'start!'; },
complete: function (el) { el.innerHTML = 'Completed!'; }
}
几点注意事项：
1、没有做低版本浏览器兼容，支持IE8+、FF、chrome、safari、opera
2、注意用能直接用在JS中的“驼峰”形式的css属性（本来应把css转“驼峰”形式，
但是基本所有JS程序员都能直接写出驼峰形式，所以没转）
3、如果需要把动画应用到绝对定位（position:absolute;）元素上，
需要注意在这些元素上设置CSS的方法。
例如：设置top和marginTop，对于绝对定位元素，应该设置top而不是marginTop，
更不应该将二者混合使用，因为二者的参考点是不一样的，同时设置很容易造成混乱。
所以，这里也不支持同时设置二者。
其他相似的同理（left和marginLeft、right和marginRight）
同时设置top和bottom、left和right也不支持。
4、引用了Tween缓动算法，支持线性、渐入渐出等多种变化方式。
5、“动画队列”功能尚未实现，此版本为初级版本，疏漏之处还请多多指正。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
标签：
动画封装
无为清净楼资源网 Design By www.qnjia.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com
暂无评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
2024年11月17日
2024年11月17日
- 【雨果唱片】中国管弦乐《鹿回头》WAV
- APM亚流新世代《一起冒险》[FLAC/分轨][106.77MB]
- 崔健《飞狗》律冻文化[WAV+CUE][1.1G]
- 罗志祥《舞状元 (Explicit)》[320K/MP3][66.77MB]
- 尤雅.1997-幽雅精粹2CD【南方】【WAV+CUE】
- 张惠妹.2007-STAR（引进版）【EMI百代】【WAV+CUE】
- 群星.2008-LOVE情歌集VOL.8【正东】【WAV+CUE】
- 罗志祥《舞状元 (Explicit)》[FLAC/分轨][360.76MB]
- Tank《我不伟大，至少我能改变我。》[320K/MP3][160.41MB]
- Tank《我不伟大，至少我能改变我。》[FLAC/分轨][236.89MB]
- CD圣经推荐-夏韶声《谙2》SACD-ISO
- 钟镇涛-《百分百钟镇涛》首批限量版SACD-ISO
- 群星《继续微笑致敬许冠杰》[低速原抓WAV+CUE]
- 潘秀琼.2003-国语难忘金曲珍藏集【皇星全音】【WAV+CUE】
- 林东松.1997-2039玫瑰事件【宝丽金】【WAV+CUE】