web小游戏 2048制作(四):过场动画 showanimation2048.js
2016-02-26 19:49
736 查看
function showNumberAnimation( i , j , randNumber ){ var numberCell = $('#number-cell-' + i + "-" + j ); numberCell.css('background-color',getBackGroundColor( randNumber ) ); numberCell.css('color',getNumberColor( randNumber ) ); numberCell.text( randNumber ); numberCell.animate({ width:'100px', height:'100px', top:getPosTop( i , j ), left:getPosLeft( i , j ) },50); } function showMoveAnimation( fromx , fromy , tox, toy ){ var numberCell = $('#number-cell-' + fromx + '-' + fromy ); numberCell.animate({ top:getPosTop( tox , toy ), left:getPosLeft( tox , toy ) },200); } function updateScore(score) { $('#score').text(score); }
相关文章推荐
- web小游戏 2048制作(三):辅助函数 support2048.js
- web小游戏 2048制作(二):游戏主逻辑 main2048.js
- 利用Gson实现简单的json字符串解析
- 使用javascript正则表达式实现遍历html字符串
- JSP页面跳转的几种实现方法
- js 获得当前日期
- 在javascript中取页面中的值
- js 推断 当页面无法回退时(history.go(-1)),关闭网页
- [javascript-code-snippet]javascript代码段
- javascript svg 页面 loading
- JavaScript跨域总结与解决办法(转)
- web端输出打印地图(ArcGIS api for Javascript)一、地图打印模板的制作
- js学习笔记1(变量、作用域、内存)
- [Ext JS 4] Grid 中的单元格添加Tooltip 的效果
- [Ext JS 4] Grid 中的单元格添加Tooltip 的效果
- win10系统下 jsoncpp mingw 编译
- JS快速获取图片宽高的方法
- js 小总结
- JS实现密码加密
- 用javascript与java进行RSA加密与解密