重温Google彩蛋Let it snow的温馨效果

让你的网页也下起雪来吧
服务器君一共花费了162.363 ms进行了5次数据库查询,努力地为您提供了这个页面。
试试阅读模式?希望听取您的建议

想必大家都已经知道这个彩蛋了吧?如果不知道,可以重温下。

临近圣诞节,谷歌又开始玩起了搜索中隐藏的小乐趣的了。虽说天气不受我们控制,不是我们想过白色圣诞节就能真的过上白色圣诞节,不过也没有关系,因为谷歌搜索能说下雪就下雪。在Google搜索“let it snow”,你就可以看到满屏幕的雪花了。“let it snow”是谷歌玩的一个HTML 5特效,创意很好,非常切合圣诞的节日气氛。

Google搜索“Let it snow”,你的浏览器需要支持HTML5:Let it snow!

除了飘落的雪花,屏幕还会逐渐结霜,此时可用鼠标画画儿,好像大家小时候都玩过的在窗子上作画的游戏。这个创意还真是挺有爱的。

下面来模拟一下这个效果,先来看看演示:

如果你也想在自己的网页下起雪来,可以先加载这个snow.js

如果需要自动下雪,JavaScript代码为:

	(function(){
		var s=document.createElement('script');
		s.src='../../webapp/snow.js';
		s.async=true;
		s.addEventListener('load',function(){
			var app = new goog.egg.snowyfog.Snowyfog();
			app.init();
		},false);
		document.getElementById('snfloader').appendChild(s);})();

如果需要按钮触发,则写成函数就OK了。

	function snow(){
		var s=document.createElement('script');
		s.src='../../webapp/snow.js';
		s.async=true;
		s.addEventListener('load',function(){
			var app = new goog.egg.snowyfog.Snowyfog();
			app.init();
		},false);
		document.getElementById('snfloader').appendChild(s);};

本文地址:http://www.nowamagic.net/librarys/veda/detail/943,欢迎访问原出处。

不打个分吗?

转载随意,但请带上本文地址:

http://www.nowamagic.net/librarys/veda/detail/943

如果你认为这篇文章值得更多人阅读,欢迎使用下面的分享功能。
小提示:您可以按快捷键 Ctrl + D,或点此 加入收藏

大家都在看

阅读一百本计算机著作吧,少年

很多人觉得自己技术进步很慢,学习效率低,我觉得一个重要原因是看的书少了。多少是多呢?起码得看3、4、5、6米吧。给个具体的数量,那就100本书吧。很多人知识结构不好而且不系统,因为在特定领域有一个足够量的知识量+足够良好的知识结构,系统化以后就足以应对大量未曾遇到过的问题。

奉劝自学者:构建特定领域的知识结构体系的路径中再也没有比学习该专业的专业课程更好的了。如果我的知识结构体系足以囊括面试官的大部分甚至吞并他的知识结构体系的话,读到他言语中的一个词我们就已经知道他要表达什么,我们可以让他坐“上位”毕竟他是面试官,但是在知识结构体系以及心理上我们就居高临下。

所以,阅读一百本计算机著作吧,少年!

《设计模式:可复用面向对象软件的基础》 Erich Gamma (作者), Richard Helm (作者), Ralph Johnson (作者), John Vlissides (作者), 李英军 (译者), 等 (译者)

《设计模式:可复用面向对象软件的基础》是引导读者走出软件设计迷宫的指路明灯,凝聚了软件开发界几十年设计经验的结晶。四位顶尖的面向对象领域专家精心选取了最具价值的设计实践,加以分类整理和命名,并用简洁而易于重用的形式表达出来。本书已经成为面向对象技术人员的圣经和词典,书中定义的23个模式逐渐成为开发界技术交流所必备的基础知识和语汇。

更多计算机宝库...