怎么使用流星雨代码

网页代码吗?我这有网页代码 网页下雨 BODY { FONT-FAMILY: "隶书"; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px } var no = 50; var speed = 1;
怎么使用流星雨代码
网页代码吗?我这有网页代码
<html><title>网页下雨</title>

<body bgcolor="#ffffff">

<STYLE type=text/css>BODY {
FONT-FAMILY: "隶书"; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px
}

</STYLE>

<SCRIPT language=JavaScript>
var no = 50;<!--定义雨点的总数-->
var speed = 1;<!--定义下雨的速度-->
var s, x, y, sn, cs;<!--声明变量-->
var a, r, cx, cy;<!--声明变量-->
var i, doc_width = 800, doc_height = 600;<!--存储显示器的分辨率-->

if (document.all) {<!--如果是ie浏览器-->
doc_width = document.body.clientWidth;<!--获得窗口的宽度-->
doc_height = document.body.clientHeight;<!--获得窗口的高度-->
}
x = new Array();<!--存储所有雨点的横坐标-->
y = new Array();<!--存储所有雨点的纵坐标-->
r = new Array();<!--存储所有雨点的横坐标-->
cx = new Array();<!--存储所有雨点的横坐标-->
cy = new Array();<!--存储所有雨点的横坐标-->
s = 8;
for (i = 0; i < no; ++ i) {<!--循环对所有的雨点进行初始化和显示-->
initRain();<!--初始化雨点-->

if (document.all) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");<!--创建新的层-->
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");<!--显示雨点-->
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"black\">");<!--颜色为红色-->
document.write(",</font></div>");
}
}
function initRain() {<!--对雨点的初始化-->
a = 6;
r[i] = 1;
sn = Math.sin(a);<!--定义变量-->
cs = Math.cos(a);<!--定义变量-->
cx[i] = Math.random() * doc_width + 1;<!--初始化雨点横坐标-->
cy[i] = Math.random() * doc_height + 1;<!--初始化雨点纵坐标-->
x[i] = r[i] * sn + cx[i];<!--初始化雨点横坐标-->
y[i] = cy[i];<!--初始化雨点纵坐标-->
}

function makeRain() {<!--生成雨点-->

r[i] = 1;<!--雨点出现的纵坐标最小值-->
cx[i] = Math.random() * doc_width + 1;<!--横向速度-->
cy[i] = 1;<!--纵向速度-->
x[i] = r[i] * sn + cx[i];<!--获得下一次雨点的横坐标-->
y[i] = r[i] * cs + cy[i];<!--获得下一次雨点的纵坐标-->
}
function updateRain() {<!--更新雨点-->

r[i] += s;<!--
x[i] = r[i] * sn + cx[i];<!--获得下一次雨点的横坐标-->
y[i] = r[i] * cs + cy[i];<!--获得下一次雨点的纵坐标-->
}

function raindropIE() {<!--对IE浏览器的下雨函数-->

for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {<!--判断雨点是否已经出了当前窗口边界-->
makeRain();<!--重新生成雨点-->
doc_width = document.body.clientWidth;<!--获得当前雨点所在层的宽度-->
doc_height = document.body.clientHeight;<!--获得当前雨点所在层的高度-->
}
document.all["dot"+i].style.pixelTop = y[i];<!--显示雨点-->
document.all["dot"+i].style.pixelLeft = x[i];<!--显示雨点-->
}
setTimeout("raindropIE()", speed);<!--根据speed值,动态更新下雨的图片-->
}

if (document.all) {
raindropIE();<!--如果是ie浏览器,调用相应的函数-->

}
</SCRIPT>

</body>

</html>
参考网站:http://www.tongdalong.com2007-10-14
mengvlog 阅读 7 次 更新于 2025-07-20 09:06:35 我来答关注问题0
  •  好人侃数码 怎样能让微信满屏都是流星雨呢?

    微信满屏流星雨的代码是“miss u”、“想你了”和“miss you”。工具:小米11青春版手机、MIUI 12.5.5操作系统、微信APP V8.0.19。1、在好友聊天窗口的输入框中输入“miss u”。2、点击发送,满屏流星出现。3、在好友聊天窗口的输入框中输入“想你了”。4、点击发送,满屏流星出现。5、在好友聊...

  •  阿暄生活 用Flash如何制作流星雨(制作步骤要详细 谢谢)

    在第1帧和第15帧之间右键单击,选择“Create Motion Tween”创建运动动画。选中第15帧,将流星向左下方移动一段距离,并使用工具拉大流星。选中第10帧,按F6插入关键帧。在选中第15帧的情况下,将流星的Alpha值在Properties面板中改为0%。创建流星雨效果:创建一个电影剪辑图符,命名为“流星雨”。将“...

  •  快乐生活 C/C++项目:程序员的浪漫——流星雨表白程序教程

    首先,你需要创建一个项目并准备好所需的素材。将这些素材放在与项目相同的目录中,它们将在后续的代码中被使用。接下来,构建你的图形界面,加入背景音乐和你的表白文案。你可以根据自己的喜好来设计个性化的表白内容。第三步,绘制并实现流星的移动。你可以使用结构体来封装流星,确保它们在屏幕上能够呈现...

  • var isShow:Boolean=true;然后在第二帧加代码:isShow=false;

  • 网页代码吗?我这有网页代码 网页下雨 BODY { FONT-FAMILY: "隶书"; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px } var no = 50; var speed = 1;

檬味博客在线解答立即免费咨询

代码相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部