html网页特效代码雪花(c#如何实现雪花飘落效果)
本文目录
c#如何实现雪花飘落效果
window窗体程序吗?
可以考虑用生成随机数的方式实现。动态定义多个Label控件,其Text属性设为“*”,作为模拟雪花符号,然后用随机数动态设定飘落位置。
HTML下雪代码
《html》
《head》
《/head》
《BODY bgcolor="#000000"》
《SCRIPT language=*****》
var snowsrc="images/*****"
var no = 10;
var ns4up = (*****) ? 1 : 0; // browser sniffer
var ie4up = (*****) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height =600;
if (ns4up) {
doc_width = *****;
doc_height = *****;
} else if (ie4up) {
doc_width = *****;
doc_height = *****;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i 《 no; ++ i) {
dx = 0; // set coordinate variables
xp = *****()*(doc_width-50); // set position variables
yp = *****()*doc_height;
am = *****()*20; // set amplitude variables
stx = **** + *****()/10; // set step variables
sty = *** + *****(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
*****("《layer name=\"dot"+ i +"\" left=\"50\" top=\"50\" visibility=\"show\"》《img src=’"+snowsrc+"’ border=\"0\"》《/a》《/layer》");
} else {
*****("《layer name=\"dot"+ i +"\" left=\"50\" top=\"50\" visibility=\"show\"》《img src=’"+snowsrc+"’ border=\"0\"》《/layer》");
}
} else if (ie4up) {
if (i == 0) {
*****("《div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"》《img src=’"+snowsrc+"’ border=\"0\"》《/a》《/div》");
} else {
*****("《div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"》《img src=’"+snowsrc+"’ border=\"0\"》《/div》");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i 《 no; ++ i) { // iterate for every dot
yp;
if (yp 》 doc_height-50) {
xp-30);
yp = 0;
stx = **** + *****()/10;
sty = *** + *****();
doc_width = *****;
doc_height = *****;
}
dx;
*****;
*****);
}
setTimeout("snowNS()", 10);
}
function snowIE() { // IE main animation function
for (i = 0; i 《 no; ++ i) { // iterate for every dot
yp;
if (yp 》 doc_height-50) {
xp-30);
yp = 0;
stx = **** + *****()/10;
sty = *** + *****();
doc_width = *****;
doc_height = *****;
}
dx;
*****;
*****);
}
setTimeout("snowIE()", 10);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
《/SCRIPT》
《/body》
《/html》
记得给我加分啊
var snowsrc="images/*****"这句是你雪花图片的地址
网页飘雪花的代码是什么
在后台添加js特效可实现这样的效果。
js代码为:
《script language="JavaScript"》
《!--
var no = 5; //雪片数目
var speed = 20; //飘动速度。(值越大越慢)
var ns4up = (*****) ? 1 : 0; //当前浏览器类型,如果是NS则为1
var ie4up = (*****) ? 1 : 0; //当前浏览器类型,如果是IE则为1
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 800, doc_height = 600;
x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8; //每次下落的高度,越小越平滑,但是也越慢
if (ns4up) { //以NS兼容方式
doc_width = *****; //取页面宽度
doc_height = *****; //取页面高度
}
else
if (ie4up) { //以IE兼容方式
doc_width = *****; //取页面宽度
doc_height = *****; //取页面高度
}
for (i = 0; i 《 no; ++ i) { //根据前面定义的雪片数目写进相应数目的层
initSnow(); //随机初始化层的坐标
if (ns4up) { //如果浏览器是NS
//用layer作为雪片(星号)的容器
*****("《layer name=\"dot"+ i +"\" left=\"1\" ");
*****("top=\"1\" visibility=\"show\"》《font color=\"red\"》");
*****("*《/font》《/layer》");
}
else
if (ie4up) { //如果浏览器是IE
//用div作为雪片的容器
*****("《div id=\"dot"+ i +"\" style=\"POSITION: ");
*****("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
*****("visible; TOP: 15px; LEFT: 15px;\"》《font color=\"red\"》");
*****("*《/font》《/div》");
}
}
//初始化雪片,生成随机坐标
function initSnow() {
a = 6;
r = 1;
sn = *****(a);
cs = *****(a);
cx = *****() * doc_width + 1;
cy = *****() * doc_height + 1;
x;
y;
}
//计算雪花位置,从新位置上出现,看起来就像是新产生的一样。
function makeSnow() {
r = 1;
cx = *****() * doc_width + 1;
cy = 1;
x;
y;
}
//雪花下落的计算
function updateSnow() {
r += s;
x;
y;
}
//在NS浏览器上处理雪片下落的主程序
function SnowdropNS() {
for (i = 0; i 《 no; ++ i) { //依次处理每片雪花
updateSnow(); //下落
if ((x 》= (doc_height - 20))) { //如果超出屏幕范围
makeSnow(); //则调整雪片到新位置上
doc_width = *****; //更新页面宽度数据
doc_height = *****; //更新页面高度数据
}
*****; //改变层的Y坐标,应用新的位置
*****; //改变层的X坐标,应用新的位置
}
setTimeout("SnowdropNS()", speed);
}
//在IE浏览器上处理雪片下落的主程序
function SnowdropIE() {
for (i = 0; i 《 no; ++ i) { //依次处理每片雪花
updateSnow(); //下落
if ((x 》= (doc_height - 20))) { //如果超出屏幕范围
makeSnow(); //则调整雪片到新位置上
doc_width = *****; //更新页面宽度数据
doc_height = *****; //更新页面高度数据
}
*****; //改变层的坐标,应用新的位置
*****;
}
setTimeout("SnowdropIE()", speed); //准备下一次下落过程。
}
if (ns4up) { //如果是NS
SnowdropNS(); //调用SnowdropNS使雪片下落
}
else
if (ie4up) { //如果是NS
SnowdropIE(); //调用SnowdropIE使雪片下落
}
--》
《/script》
说明:可以根据自己的需求根据说明进行相应参数的修改
javascript 简单的雪花飘落代码 带注释
《html》
《head》
《title》网页特效|*****/Js|---页面漫天飞雪《/title》
***隐藏网址***
《/head》
《body bgcolor="#000000" onLoad="snow()"》
《script language="JavaScript"》
《!--
N = 40;
//声明为数组的变量
Y = new Array();
X = new Array();
S = new Array();
A = new Array();
B = new Array();
M = new Array();
/******是Netscape ***专有的属性,是一个代表所有由储如《div》《layer》等定位了的元素的数组。通常也是用《div》或《layer》对象的id属性来引用的,但是这里面不包含除此以外的其它元素。
*/
V = (*****)?1:0;
iH=(*****)?*****:*****;//clientHeight 就是浏览器里面那个空白的高
iW=(*****)?*****:*****; //clentWidth 是浏览器里面那个空白的宽
for (i=0; i 《 N; i++){
/*Math的round(double d)
方法的内容就是
返回最接近参数的 long。通过加上 1/2 将该结果舍入为整数,取结果的基数并将其强制转换为 long 类型。换句话说,结果等于以下表达式的值:
(long)*****(a + ****)
为什么加***? 当然是代码就这么写的
1. 如果参数为正数,且小数点后第一位》=5,运算结果为参数的整数部分+1。
2. 如果参数为负数,且小数点后第一位》5,运算结果为参数的整数部分-1。
3. 如果参数为正数,且小数点后第一位《5;或者参数为负数,且小数点后第一位《=5,运算结果为参数的整数部分。
*****()返回一个伪随机数 n,其中 0 《= n 《 1。返回的数字之所以是一个伪随机数是因为它不是由真正的随机自然现象(如放射性衰变)生成的数字。
*/
//随机获取浏览器空白区的高和宽 赋值给Y和X
Y=*****(*****()*iH);
X=*****(*****()*iW);
//设定S A B M的随机取值范围
S=*****(*****()*5+2);
A=0;
B=*****()****+***;
M=*****(*****()*1+1);
}
if (V){//判断页面是否存在《div》 和 《layer》 等元素 第一次访问浏览器肯定是没有的所以v = 0 所以要先生存《div》 或 《layer》 等元素
for (i = 0; i 《 N; i++)
{*****("《LAYER NAME=’sn"+i+"’ LEFT=0 TOP=0 BGCOLOR=’#FFFFF0’ CLIP=’0,0,"+M+"’》《/LAYER》")}//生成《layer》 元素 生成背景
}
else{
//这段代码就是生成雪花
*****(’《div style="position:absolute;top:0px;left:0px"》’);//生成《div》 元素
*****(’《div style="position:relative"》’);
for (i = 0; i 《 N; i++)
{*****(’《div id="si" style="position:absolute;top:0;left:0;width:’+M+’"》《/div》’)}
*****(’《/div》《/div》’);
}
function snow(){
var H=(*****)?*****:*****;
var W=(*****)?*****:*****;
var T=(*****)?*****:*****; //往下拉滚动条的上面高度
var L=(*****)?*****:*****; //往右拉滚动条的左边宽度
for (i=0; i 《 N; i++){
sy=S******(90******/180);
sx=S);
Y+=sy;
X+=sx;
if (Y 》 H){
Y=-10;
X=*****(*****()*W);
M=*****(*****()*1+1);
S=*****(*****()*5+2);
}
if (V){*****+T}
else{si+T}
A;
}
setTimeout(’snow()’,30); //定时器 每隔30毫秒执行一次
}
//--》
《/script》
《script language="Javascript"》
《!--
function selectAll(theField){
var tempval=eval("document."+theField)
*****()
*****()
}
//--》
《/script》
《/table》
《/body》
网页特效问题~!急呀!!
现在不知道你哪里出了问题
原代码插入到《body》下面:《script language="javascript"》
《!--
n = 40;
y = new array();
x = new array();
s = new array();
a = new array();
b = new array();
m = new array();
v = (*****)?1:0; ih=(*****)?*****:*****;
iw=(*****)?*****:*****;
for (i=0; i 《 n; i++){
y=*****(*****()*ih);
x=*****(*****()*iw);
s=*****(*****()*5+2);
a=0;
b=*****()****+***;
m=*****(*****()*1+1);
}
if (v){
for (i = 0; i 《 n; i++)
{*****("《layer name=’sn"+i+"’ left=0 top=0 bgcolor=’#fffff0’ clip=’0,0,"+m+"’》《/layer》")}
}
else{
*****(’《div style="position:absolute;top:0px;left:0px"》’);
*****(’《div style="position:relative"》’);
for (i = 0; i 《 n; i++)
{*****(’《div id="si" style="position:absolute;top:0;left:0;width:’+m+’"》《/div》’)}
*****(’《/div》《/div》’);
}
function snow(){
var h=(*****)?*****:*****;
var w=(*****)?*****:*****;
var t=(*****)?*****:*****;
var l=(*****)?*****:*****;
for (i=0; i 《 n; i++){
sy=s******(90******/180);
sx=s);
y+=sy;
x+=sx;
if (y 》 h){
y=-10;
x=*****(*****()*w);
m=*****(*****()*1+1);
s=*****(*****()*5+2);
}
if (v){*****+t}
else{si+t}
a;
}
settimeout(’snow()’,10);
}
file://--》
《/script》
把《body》中的内容改为:
《body bgcolor=#ffffff onload="snow()"》
你要看好jsp插入的位置
手机某些网页打开会出现雪花和泡泡飘落是怎么回事
手机某些网页打开会出现雪花和泡泡飘落是因为为了衬托圣诞节日气氛,很多网站开启了特效页面,在网页上做了特效代码,当打开网页的时候,特效就会显示出来。
更多文章:
ssh工具moba(mobaxteamssh模式下载不了文件)
2026年4月25日 20:00
while循环的概念与用法(while循环指的是什么 什么是while)
2026年4月25日 19:40
resp***ebility意思(resp***ibility什么意思)
2026年4月25日 19:00
countif函数简介(excel中的COUNTIF函数是什么意思)
2026年4月25日 18:40
苹果手机如何启用javascript(ios手机怎么运行js)
2026年4月25日 18:00
reference函数(reference里面的series是什么)
2026年4月25日 17:20




