js代码雨特效（怎么使用别人的JS代码水波效果的按钮，有代码但不会用）
本文目录
怎么使用别人的JS代码水波效果的按钮，有代码但不会用
function(){...}() 这是匿名自调方法。
匿名就是这个方法没名字，自调就是最后一个括号()，直接运行这个方法。
这是一种优雅的写法，普通写的话，给这个方法起个名字比如function aaa(){...}，调用这个方法aaa();。
波浪效果先建一个dom元素$element，在这个元素上加一大波特效，然后把这个波浪塞到html的body里，document.body.appendChild($element)。
也就是说，有个body标签，运行这段东西就好了，我附件发了一个空的html，把你这段代码放到我附件里标注的地方就好了。
注意要用chrome打开这个html才能看到效果，我看到了-webkit标签，只对chrome有效。
你代码没贴全，我没法帮你试，网上找的坑很多的，不一定能用，但是从代码风格上看挺靠谱的，说不定放进去就行。
求JS显示24节气的完整代码
下面的代码调试通过，可以满足你的要求：
《script type=text/javascript》
var jq=new Array(’0105小寒’,’0120大寒’,’0203立春’,’0218雨水’,’0305惊蜇’,’0320春分’,’0404清明’,’0419谷雨’,’0505立夏’,’0520小满’,’0605芒种’,’0621夏至’,’0706小暑’,’0722大暑’,’0807立秋’,’0822处暑’,’0907白露’,’0922秋分’,’1008寒露’,’1023霜降’,’1107立冬’,’1122小雪’,’1206大雪’,’1221冬至’);
var d=new Date();
var s=’’;
if (d.getMonth()《9) s+=’0’;
s+=’’+(d.getMonth()+1);
if (d.getDate()《10) s+=’0’;
s+=’’+(d.getDate());
var i=0;
while(i《jq.length && s》=jq) i++;i--;
document.write(’今天是’,d.getYear(),’年’,d.getMonth()+1,’月’,d.getDate(),’日 正处于’,jq.substr(4));
《/script》
为什么我代码雨打不开
其实，代码也非常简单啦。万物皆有其属性以及规律，我们要做的就是把这个特效的属性以及规律用代码表示出来。一起来看看吧。
作图之前，第一步当然是要准备“画布”啦：
然后我们定义画布的大小=网页窗口的大小：
准备工作做好，我们就可以分析特效中的元素啦。首先要定义的就是屏幕里掉落那些数字，我们希望掉落数字1-9
接下来，设置数字的大小，以及计算屏幕能够放多少列。这里我们设置大小为16个像素，用屏幕宽度除以数字大小得到列数。
那么数字从哪里开始掉落呢？我们希望从最顶部开始掉落，于是我们还需要另一个数组来进行一下初始化，这个就是得到每一列y轴的坐标啦。
好了，这些做好之后，我们就该开始绘制数字效果啦！
之前我们定义了我们需要的数字，我们希望随机抽取一个，然后每一列都在窗口顶部开始。还记得我们刚才的初始化吗，输出文字时使用fillText()可以指定元素位置，i* font_size , drop * font_size，就是指的每一列开始的横坐标与纵坐标啦
到目前为止我们已经成功做出来一张可以铺满全屏的数字代码，但是这不并不是我们想要效果。
我们希望数字绘满一页后可以从头再开始画，同时我们还希望每一列代码长短不一——这个可以通过设置随机数来实现，比如当随机数大于0.9就重新开始绘制。
这样循环效果是出来了，但是还是不好看，我们可以通过增添样式，让他好看一点，
好，这样一来，完整的数字特效代码就写出来了：
接下来就只需要让他无限循环下去就好啦！
这样就…等等，还没有结束，还记得之前我们定义了画布的大小=窗口的大小吗，当我们打开的时候他会计算你第一次打开时窗口的大小，当我们改变窗口大小的时候，图画是不会跟着变的。
于是我们还需要在window上添加onresize事件，浏览器窗口改变时重新计算canvas的大小：
这样才算真的大功告成！怎么样，是不是很简（cai）单（guai）呢！
本文相关文章：
button不可点击属性（如何使用javascript使按钮变灰且不能点击）
2025年8月9日 21:45
2025年6月29日 18:15
html表单按钮有哪些（html中两个form按钮并排的方法有哪些呢）
2025年6月21日 20:45
java默认布局管理器（Java编程，为什么唯一一个按钮布满整个窗体）
2025年6月18日 18:30
淘宝添加物品到购物车代码（淘宝铺子里面 我的宝贝都没有 加入购物车按钮 · 如何添加购物车选项啊！ 本人需要详细步骤）
2025年5月28日 03:30
更多文章：
phpinfo（如何创建和查看phpinfo，phpinfo空白问题解决方法）
2025年6月10日 05:30
2026年7月11日 17:30
北京嵌入式培训班（七月份想去北京参加嵌入式培训，目前自己看了几个培训机构：千锋，凌阳，华清远见希望参加过培训的朋友）
2025年6月15日 20:30
2025年7月29日 19:30
2026年7月27日 03:30
2025年5月30日 22:30
2026年5月27日 00:00
学ug好还是solidworks好（solidworks与ug哪个更好学）
2026年4月23日 22:00
intellijidea如何升级（intellij idea 怎么让class自动更新到war）
2026年3月23日 11:00
sweet英语是什么意思？switch不能作用在string上面
2025年12月28日 17:00
数据库系统工具是什么（请问数据库系统软件有哪些,具体细节介绍一下）
2026年6月7日 14:45
2026年1月15日 19:15
2026年7月6日 14:00
protectedimage文件夹删除不了（文件夹删除不了怎么办）
2026年5月12日 12:15
datagridview不可编辑（如何设置datagridview可编辑）
2026年7月27日 22:30
2026年5月15日 15:15
2025年10月14日 09:45
powermill三轴主轴mtd文件（DXF文件直接转换为G代码,然后三轴雕刻机加工）
2026年7月5日 18:00
html文本区域怎么写（HTML文本区域区域带工具栏怎么做）
2026年2月6日 21:15
randomize在c语言（c语言怎样产生两个不同的随机数）
2025年11月8日 05:45
