`
gonnsai
  • 浏览: 8313 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论
文章列表
今天的Google Doodle是个动态的,是一个骑马的动态Doodle,是谷歌纪念英国实验摄影师埃德沃德·迈布里奇182周年诞辰,埃德沃德·迈布里奇是运动摄影的开创者,所以谷歌涂鸦以一个运动的摄影作为背景创作的。 我对这个doodle的实现比较感兴趣,下面做个实现小程序。用两幅图就可以模拟这个赛马动画,可以在这里看看演示:赛马动画演示。 你也可以把下面的代码自己运行下: <style type="text/css"> .classicScrollBox{width:9000px; height:54px; position:absolute; left ...
想必大家都已经知道这个菜单了吧?如果不知道,可以重温下。 首先你的浏览器需要支持HTML5,你可以Google搜索“Let it snow”,也可以到这里看看demo。 PS:最好用Chrome浏览器来看,Firefox会很卡,IE就更悲剧了。。。。。 如果你也想在自己的网页下起雪来,可以先加载这个snow.js。 如果需要自动下雪,JavaScript代码为: (function(){ var s=document.createElement('script'); s.src='../../webapp/snow.js'; s.async=true; s.addE ...
整个网页变灰色,在IE下可以用下面的CSS解决: html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 但是非IE浏览器,比如Chrome、firefox等没有IE自带的滤镜,那又如何做网页变灰效果呢?在网上发现一个能实现这个效果的js,这里分享一下,先来看看效果:Demo 入口。 使用起来相当简单: /* window.onload = function() { grayscale(document.getElementsByTagName('html')); } ...
JavaScript有很多地方和我们熟知的C、Java等的编程习惯不同,这些不同会产生很多让人意想不到的事情。前段时间在知乎有人发了写Javascrtip试题,觉得挺好玩的,这里跟大家分享一下。 01 (function () { return typeof arguments; })(); A. "object" B. "array" C. "arguments" D. "undefined" 答案:A 02 var f = function g() { ...
Google的花样真多啊。今天凌晨发生了11年来最长的月全食,google也在第一时间发布了月全食doodle,记录了月全食发生的全过程。Google看来对这次月全食也给予了很高的重视。 这次的doodle主要运用了CSS Sprite技术,实现方式和玛莎·葛兰姆117周年诞辰差不多,所不同的是多了一个进度条,可以随时回放和快进整个过程。 看下演示效果:Google月全食Doodle效果实现。
Global site tag (gtag.js) - Google Analytics