论坛首页 Web前端技术论坛

重温Google菜单Let it snow的温馨效果

浏览 2913 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-12-22   最后修改:2011-12-22
想必大家都已经知道这个菜单了吧?如果不知道,可以重温下。

首先你的浏览器需要支持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.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);};



   发表时间:2011-12-29  
哪个货写的 真niux
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics