文件名称:GoogleDoodle
- 所属分类：
- WEB源码
- 资源属性：
- [JavaScript] [源码]
- 上传时间：
- 2014-10-13
- 文件大小：
- 634kb
- 下载次数：
- 0次
- 提 供 者：
- 相关连接：
- 无
- 下载说明：
- 别用迅雷下载，失败请重下，重下不扣分！
下载
别用迅雷、360浏览器下载。
如迅雷强制弹出，可右键点击选“另存为”。
失败请重下，重下不扣分。
如迅雷强制弹出，可右键点击选“另存为”。
失败请重下，重下不扣分。
介绍说明－－下载内容均来自于网络，请自行研究使用
GoogleDoodle仿Google首页粘土动画，运行后点击彩色小球可看到效果，纯手工编写代码，可以自动根据动画容器的尺寸来将图片分割成不同帧，理论上支持图片中的帧可多行排列(比如：要播放的动画有30帧，google现在的做法是全部放在1行，理论上这里可以放成3行，每行10帧)。用到的主类animation.js文件相说明：element:string,动画容器的id
url:string,用于播放动画的图片地址
speed:int,每秒帧数
hover:function,鼠标移动到element上时调用
blur:function,鼠标离开element时调用-GoogleDoodle imitation Google Home clay animation, after running Click on the colored balls can see the effect, hand write code that can automatically be split into different container-fr a me animation based on the size of the picture, in theory, the picture fr a me can support multiple rows (For example: to play the animation has 30, google practice is now all on one line, where you can put theory into three rows, each row 10). Used in the main class animation.js file with instructions: element: string, animation container id
url: string, for playing animated pictures address
speed: int, the number of fr a mes per second
When the call to the element function, mouse movement: hover
Called when leaving element function, mouse: blurGoogleDoodle imitation Google Home clay animation, after running Click on the colored balls can see the effect, hand write code that can automatically be split into different container-fr a me animation based on the size of the picture, in theory, the picture
url:string,用于播放动画的图片地址
speed:int,每秒帧数
hover:function,鼠标移动到element上时调用
blur:function,鼠标离开element时调用-GoogleDoodle imitation Google Home clay animation, after running Click on the colored balls can see the effect, hand write code that can automatically be split into different container-fr a me animation based on the size of the picture, in theory, the picture fr a me can support multiple rows (For example: to play the animation has 30, google practice is now all on one line, where you can put theory into three rows, each row 10). Used in the main class animation.js file with instructions: element: string, animation container id
url: string, for playing animated pictures address
speed: int, the number of fr a mes per second
When the call to the element function, mouse movement: hover
Called when leaving element function, mouse: blurGoogleDoodle imitation Google Home clay animation, after running Click on the colored balls can see the effect, hand write code that can automatically be split into different container-fr a me animation based on the size of the picture, in theory, the picture
(系统自动生成,下载前可以参看下载内容)
下载文件列表
GoogleDoodle_Google粘土动画Doodle代码点击彩色小球可看效果(纯手写)\images\10_gumby11-gumby.jpg
.................................................................\......\15_gumby11-blockheads.jpg
.................................................................\......\16_gumby11-prickle.jpg
.................................................................\......\17_gumby11-goo.png
.................................................................\......\18_gumby11-pokey.png
.................................................................\......\6_gumby11-initial-sprite.png
.................................................................\index.html
.................................................................\index.jpg
.................................................................\js\animation.js
.................................................................\Thumbs.db
.................................................................\images
.................................................................\js
GoogleDoodle_Google粘土动画Doodle代码点击彩色小球可看效果(纯手写)