发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
我依稀记得在去年或是前年做过一个特效,让你的网站下起雨(js特效) 也为此写了一篇博文,大家有兴趣的,可以先看下那个.有着异曲同工之妙,但由雪跟雨这个东西还有点不一样.所以我又写下这篇文章.首先,雪是会飘来飘去的,然后它还会下落.这样的话,我们在x轴和y轴都有一个速度.然后Y轴上还有一重力加速度,X轴应该是减速度了.
好,东西已经做好了,我们先看下最终的效果图:
看到雪花了没?这个例子是用在端口网上的.它的链接地址是http://www.,我不能老是拿我的网站来做实验是吧,所以这次拿了这个社交网站,看着像Facebook吧.哈哈
它的原理是,一个定时器,不是两个,也不是三个,only one;然后,不断的去改变它的位置,这个是很卡的,所以我们雪就不要生成太多,适当的也在超出边界时删除掉节点.
好了,言归正传,来看代码吧:
if (arr[i]){ var ofs=$(this).offset(); var x=parseInt(ofs.left); var y =parseInt(ofs.top); var vy=parseInt($(this).attr("vy")); x +=wind; vy *= ay; y+= vy; $(this).offset({"top":y}); $(this).offset({"left":x}); if(y>winHeight){ $(this).remove(); delete arr[i]; }
来自: 昵称10504424 > 《工作》
0条评论
发表
请遵守用户 评论公约
js字符串转数字
[转]js字符串转数字。1.当字符串中是纯数字。例如:var s = ''234'';/********** 字符串在运算操作中会被当做数字类型来处理 ***************/s *= 1;/******* string的两个转换函数,...
浅谈利用缓存来优化HTML5 Canvas程序的性能
浅谈利用缓存来优化HTML5 Canvas程序的性能。使用缓存也就是用离屏canvas进行预渲染了,原理很简单,就是先绘制到一个离屏canvas中,然后再通过drawImage把离屏canvas画到主canvas中。同时,上面所述的...
js解决如何在iframe框架加个打开和关闭的按钮
js解决如何在iframe框架加个打开和关闭的按钮有人在群里问如何在iframe框架加个打开和关闭的按钮,当单击"打开"按钮就让iframe显示出来,当单击"关闭"按钮就隐藏iframe,这个功能群...
用JS判断两个数字的大小
if(parseInt(num2)>parseInt(num1)) 】<script> function check() { var num1=document.form1.num1.value;var num2=document.form1.num2.value;if(num2>num1) <!-错...
JS基础
js需要把时间戳转为为普通格式
js需要把时间戳转为为普通格式。function getLocalTime(nS) { return new Date(parseInt(nS) * 1000).toLocaleString().substr(0,17)} alert(getLocalTime(1293072805));function getLocalTime(nS) { r...
网站常用的一种JS的图片幻灯片特效代码
网站常用的一种JS的图片幻灯片特效代码。
HTML5による物理シミュレーション環境の構築 ~WebGLライブラリThree.js 入門(3/3)~
本稿では新しいWEBページ用の言語であるHTML5+WebGLを利用して、ウェブブラウザ上で、物理シミュレーションの計算と描画をリアルタイム...
实现信息的上下滚动
微信扫码,在手机上查看选中内容