觉得android的绿色机器人很可爱,从google android官方网站上面提取到的机器人,已经在自己的博客上面安生了,演示地址请查看:

http://blog.foreverlove.us 博客最左上角的大标题的左边的机器人, 鼠标移上去,会动的呢..

把提取到的代码分享一下,很简单的

1.需要引用的js.

<script src="http://www.android.com/js/view.js">
</script>
<script>
  (function(){if(testCanvas())var footer=new androidExternal.animations.footer(document.getElementById("canvas-android"));var search=new androidSearch})();
</script>

2.需要的html标签

<canvas height="75" id="canvas-android" width="100" style="cursor: default; "></canvas>

3.android机器人的css,可以自己调整大小和位置

#canvas-android {
margin: -25px 0 0 -80px;
position: absolute;
}

4.,效果图

image