网页飘雪花的代码是什么

网页飘雪花的代码是什么,第1张

在后台添加js特效可实现这样的效果。

js代码为:

<script language="JavaScript">

<!--

var no = 5; //雪片数目

var speed = 20; //飘动速度。(值越大越慢)

var ns4up = (documentlayers) 1 : 0; //当前浏览器类型,如果是NS则为1

var ie4up = (documentall) 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 = selfinnerWidth; //取页面宽度

doc_height = selfinnerHeight; //取页面高度

}

else

if (ie4up) { //以IE兼容方式

doc_width = documentbodyclientWidth; //取页面宽度

doc_height = documentbodyclientHeight; //取页面高度

}

for (i = 0; i < no; ++ i) { //根据前面定义的雪片数目写进相应数目的层

initSnow(); //随机初始化层的坐标

if (ns4up) { //如果浏览器是NS

//用layer作为雪片(星号)的容器

documentwrite("<layer name=\"dot"+ i +"\" left=\"1\" ");

documentwrite("top=\"1\" visibility=\"show\"><font color=\"red\">");

documentwrite("</font></layer>");

}

else

if (ie4up) { //如果浏览器是IE

//用div作为雪片的容器

documentwrite("<div id=\"dot"+ i +"\" style=\"POSITION: ");

documentwrite("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");

documentwrite("visible; TOP: 15px; LEFT: 15px;\"><font color=\"red\">");

documentwrite("</font></div>");

}

}

//初始化雪片,生成随机坐标

function initSnow() {

a = 6;

r[i] = 1;

sn = Mathsin(a);

cs = Mathcos(a);

cx[i] = Mathrandom() doc_width + 1;

cy[i] = Mathrandom() doc_height + 1;

x[i] = r[i] sn + cx[i];

y[i] = cy[i];

}

//计算雪花位置,从新位置上出现,看起来就像是新产生的一样。

function makeSnow() {

r[i] = 1;

cx[i] = Mathrandom() doc_width + 1;

cy[i] = 1;

x[i] = r[i] sn + cx[i];

y[i] = r[i] cs + cy[i];

}

//雪花下落的计算

function updateSnow() {

r[i] += s;

x[i] = r[i] sn + cx[i];

y[i] = r[i] cs + cy[i];

}

//在NS浏览器上处理雪片下落的主程序

function SnowdropNS() {

for (i = 0; i < no; ++ i) { //依次处理每片雪花

updateSnow(); //下落

if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { //如果超出屏幕范围

makeSnow(); //则调整雪片到新位置上

doc_width = selfinnerWidth; //更新页面宽度数据

doc_height = selfinnerHeight; //更新页面高度数据

}

documentlayers["dot"+i]top = y[i]; //改变层的Y坐标,应用新的位置

documentlayers["dot"+i]left = x[i]; //改变层的X坐标,应用新的位置

}

setTimeout("SnowdropNS()", speed);

}

//在IE浏览器上处理雪片下落的主程序

function SnowdropIE() {

for (i = 0; i < no; ++ i) { //依次处理每片雪花

updateSnow(); //下落

if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { //如果超出屏幕范围

makeSnow(); //则调整雪片到新位置上

doc_width = documentbodyclientWidth; //更新页面宽度数据

doc_height = documentbodyclientHeight; //更新页面高度数据

}

documentall["dot"+i]stylepixelTop = y[i]; //改变层的坐标,应用新的位置

documentall["dot"+i]stylepixelLeft = x[i];

}

setTimeout("SnowdropIE()", speed); //准备下一次下落过程。

}

if (ns4up) { //如果是NS

SnowdropNS(); //调用SnowdropNS使雪片下落

}

else

if (ie4up) { //如果是NS

SnowdropIE(); //调用SnowdropIE使雪片下落

}

-->

</script>

说明:可以根据自己的需求根据说明进行相应参数的修改

把下列代码加到网页的<Body></Body>标签之间

<html>

<head>

<title>:::飘雪花效果:::网页特效代码:::失落网家园http://livehe51net/</title>

</head>

<BODY bgcolor="#000000">

<SCRIPT language=JavaScript12>

var snowsrc="img/snowgif"

var no = 10;

var ns4up = (documentlayers) 1 : 0; // browser sniffer

var ie4up = (documentall) 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 = selfinnerWidth;

doc_height = selfinnerHeight;

} else if (ie4up) {

doc_width = documentbodyclientWidth;

doc_height = documentbodyclientHeight;

}

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[i] = 0; // set coordinate variables

xp[i] = Mathrandom()(doc_width-50); // set position variables

yp[i] = Mathrandom()doc_height;

am[i] = Mathrandom()20; // set amplitude variables

stx[i] = 002 + Mathrandom()/10; // set step variables

sty[i] = 07 + Mathrandom(); // set step variables

if (ns4up) { // set layers

if (i == 0) {

documentwrite("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://livehe51net//\"><img src='"+snowsrc+"' border=\"0\"></a></layer>");

} else {

documentwrite("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");

}

} else if (ie4up) {

if (i == 0) {

documentwrite("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://livehe51net/\"><img src='"+snowsrc+"' border=\"0\"></a></div>");

} else {

documentwrite("<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[i] += sty[i];

if (yp[i] > doc_height-50) {

xp[i] = Mathrandom()(doc_width-am[i]-30);

yp[i] = 0;

stx[i] = 002 + Mathrandom()/10;

sty[i] = 07 + Mathrandom();

doc_width = selfinnerWidth;

doc_height = selfinnerHeight;

}

dx[i] += stx[i];

documentlayers["dot"+i]top = yp[i];

documentlayers["dot"+i]left = xp[i] + am[i]Mathsin(dx[i]);

}

setTimeout("snowNS()", 10);

}

function snowIE() { // IE main animation function

for (i = 0; i < no; ++ i) { // iterate for every dot

yp[i] += sty[i];

if (yp[i] > doc_height-50) {

xp[i] = Mathrandom()(doc_width-am[i]-30);

yp[i] = 0;

stx[i] = 002 + Mathrandom()/10;

sty[i] = 07 + Mathrandom();

doc_width = documentbodyclientWidth;

doc_height = documentbodyclientHeight;

}

dx[i] += stx[i];

documentall["dot"+i]stylepixelTop = yp[i];

documentall["dot"+i]stylepixelLeft = xp[i] + am[i]Mathsin(dx[i]);

}

setTimeout("snowIE()", 10);

}

if (ns4up) {

snowNS();

} else if (ie4up) {

snowIE();

}

</SCRIPT>

<table border="0" width="100%" cellpadding="0">

<tr>

<td width="100%"><font color="#ffffff" size="2"><b>飘雪花效果</b>注意保存这个(<img border="1" src="img/snowgif" width="16" height="17">)</font></td>

</tr>

<tr>

<td width="100%">

</table>

<script language="JavaScript" type="text/javascript" src="jsjs"></script><tr></body>

</html>

 我们可以在qq空间添加各种各样的动画效果,例如我们可以在qq空间设置雪花飘落的动画效果,那么,应该如何设置呢下面就让我告诉你在qq空间设置雪花动画效果的 方法 ,希望对大家有所帮助。

在qq空间设置雪花动画效果的方法

 手机登录QQ,滑动手机屏幕,进入下图所示的界面后,单击屏幕上方的链接,进入手机QQ的“我的资料”界面。

在qq空间设置雪花动画效果的1

 进入“我的资料”界面后,选择“QQ空间”链接,进入手机QQ空间。

在qq空间设置雪花动画效果的2

 进入“我的空间”后,点击“个性化中心”,进入个性化中心界面。

在qq空间设置雪花动画效果的3

 进入“个性化中心”后,向下拖动屏幕,找到“华丽飘浮”,点击进入。

在qq空间设置雪花动画效果的4

 在“华丽飘浮”的界面中找到“雪花”图案,然后点击[使用]即可。

在qq空间设置雪花动画效果的5

 “雪花”图案勾选后,手机QQ空间上就会有雪花飘飞的效果了,如下图所示:

在qq空间设置雪花动画效果的6

看了如何在qq空间设置雪花动画效果的人还看:

1 如何设置好友访问qq空间的权限

2 如何设置qq空间动画效果

3 在qq空间里如何制作动画

4 如何在qq空间直播添加动效

5 如何在qq空间里使用动效相机

6 如何使用qq空间访客的装扮

 

是QQ的文字特效。 qq群关闭特效的方法:

1、打开手机qq,点击进入群聊,点击右上角的三横图标进入群聊设置。

2、点击“进场特效”选项。

3、关掉本群显示我特效进群和本群显示别人特效进群的开关。

1、打下雪了就会出现雪花。打桃花运屏幕会出现桃花。打恭喜发财会掉钱袋。打春运和回家会出现小火车。年年有余会出现小鱼儿。

2、会出现特殊效果的词有桃花、恭喜发财、春运、回家、年年有余、花开富贵、想你了、生日快乐、下雪了、圣诞快乐、嫁给我吧、感恩节快乐、么么哒、我爱你等。

3、提示:微信特效词语低版本可能会显示不出来,另外有些词可能也会有时效性而过期。

欢迎分享,转载请注明来源:浪漫分享网

原文地址:https://hunlipic.com/lianai/9723770.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-10-19
下一篇2023-10-19

发表评论

登录后才能评论

评论列表(0条)

    保存