html页面飘雪的代码（html飘雪特效）

今天给各位分享html页面飘雪的代码的知识，其中也会对html飘雪特效进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、为什么以下html没有出现想要的花瓣像雪花飘落效果（图片是花瓣飘落）
• 2、微信聊天满屏下雪代码
• 3、如何在网页背景添加动态图案
• 4、求html 素材...
• 5、怎样在新浪博客背景加入飘雪？有代码的那种？谢谢
• 6、HTML下雪代码

为什么以下html没有出现想要的花瓣像雪花飘落效果（图片是花瓣飘落）

我试了下你的代码，在我的浏览器里，能出现你的说的效果，你看看是不是别的问题导致没有效果的呀。

不行你再HI我好了。

微信聊天满屏下雪代码

答：首先我们在手机桌面上点击微信，进入到微信里面。

然后先告诉大家，下雪花其实一开始是微信自带的系统插件，有的时候会有，有的时候就不会有，先有插件就可以下雪花。

然后我们在微信的下方点击【通讯录】选项，来到里面。

然后我们在里面选择一个群或好友发送信息，不要发错人了，影响到自己。

然后我们在聊天界面，点击下方的输入文字地方。

然后我们点击如图的位置，输入生日快乐、或者雪花。

最后我们将这个信息发送出去，就可以下雪花了。不过有的下雪花有的不下雪花。

如何在网页背景添加动态图案

背景放一个GIF的动画图案就可以了。

background=xxx.gif

或者是找一段飘雪花的JS代码。

代码自己找吧。

相信《网页特效梦工厂 XP v2.3》可以帮助你！

你在做网页嘛,如果是的话,这是你不可多得的超Cool工具。这是可以自动生成网页特效的软件，每个特效都可以有您进行参数设置,100%傻瓜性。收集了包括时间特效，文字特效，图像处理，鼠标特效，页面特效，菜单特效，在线游戏，其它特效在内的八类上百个精彩特效。这些特效都是使用率比较高的JavaScript代码，您可以直接使用。软件内置浏览器，您可以随时预览特效效果；特效制作好之后，您可以把它复制到剪贴板，或者保存到文件中；软件的界面美观新颖，操作简单明了，极易上手。轻轻点几下鼠标,又炫又酷的网页任你选!

下载地址：

下面的是一个网页制作特效的站点。有很多的东西。看看吧

求html 素材...

你算是找对人了

1、背景（下雨的，将下列代码放入body中即可，很漂亮喔）

script language="JavaScript"

!--

var no = 50;

var speed = 1;

var ns4up = (document.layers) ? 1 : 0;

var ie4up = (document.all) ? 1 : 0;

var s, x, y, sn, cs;

var a, r, cx, cy;

var i, doc_width = 800, doc_height = 600;

if (ns4up) {

doc_width = self.innerWidth;

doc_height = self.innerHeight;

}

else

if (ie4up) {

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 (ns4up) {

if (i == 0) {

document.write("layer name=\"dot"+ i +"\" left=\"1\" ");

document.write("top=\"1\" visibility=\"show\"font color=\"grade\"");

document.write("//font/layer");

}

else {

document.write("layer name=\"dot"+ i +"\" left=\"1\" ");

document.write("top=\"1\" visibility=\"show\"font color=\"grade\"");

document.write("//font/layer");

}

}

else

if (ie4up) {

if (i == 0) {

document.write("div id=\"dot"+ i +"\" style=\"POSITION: ");

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");

document.write("visible; TOP: 15px; LEFT: 15px;\"font color=\"grade\"");

document.write("//font/div");

}

else {

document.write("div id=\"dot"+ i +"\" style=\"POSITION: ");

document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");

document.write("visible; TOP: 15px; LEFT: 15px;\"font color=\"grade\"");

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 raindropNS() {

for (i = 0; i no; ++ i) {

updateRain();

if ((x[i] = 1) || (x[i] = (doc_width - 20)) || (y[i] = (doc_height - 20))) {

makeRain();

doc_width = self.innerWidth;

doc_height = self.innerHeight;

}

document.layers["dot"+i].top = y[i];

document.layers["dot"+i].left = x[i];

}

setTimeout("raindropNS()", speed);

}

function raindropIE() {

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);

}

if (ns4up) {

raindropNS();

}

else

if (ie4up) {

raindropIE();

}

--

/script

2、视频或音乐播放器（body中,如果是视频，要WMV格式的）

embed src="周杰伦 - 跨时代.mp3" autostart="true" loop="infinite" width="400" height="300"

背景音乐：bgsound src="周杰伦 - 跨时代.mp3" loop="2"

3、链接a原本是有下划线的 你是不是要 一开始没有下划线 鼠标放上去显示下划线 字体还变会色呢？在/head下加入

style

a{text-decoration:none;font-size:14px}

a:hover{text-decoration:underline;color:#00FFFF}

/style

//字体大小font-size、color 自己调喔

怎样在新浪博客背景加入飘雪？有代码的那种？谢谢

那个叫做透明flash特效。看这里最新教程。 还有楼上那种js码早就不能用了。

HTML下雪代码

html

head

/head

BODY bgcolor="#000000"

SCRIPT language=JavaScript1.2

var snowsrc="images/xuehua1.gif"

var no = 10;

var ns4up = (document.layers) ? 1 : 0; // browser sniffer

var ie4up = (document.all) ? 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 = self.innerWidth;

doc_height = self.innerHeight;

} else if (ie4up) {

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight;

}

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] = Math.random()*(doc_width-50); // set position variables

yp[i] = Math.random()*doc_height;

am[i] = Math.random()*20; // set amplitude variables

stx[i] = 0.02 + Math.random()/10; // set step variables

sty[i] = 0.7 + Math.random(); // set step variables

if (ns4up) { // set layers

if (i == 0) {

document.write("layer name=\"dot"+ i +"\" left=\"50\" top=\"50\" visibility=\"show\"img src='"+snowsrc+"' border=\"0\"/a/layer");

} else {

document.write("layer name=\"dot"+ i +"\" left=\"50\" top=\"50\" visibility=\"show\"img src='"+snowsrc+"' border=\"0\"/layer");

}

} else if (ie4up) {

if (i == 0) {

document.write("div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"img src='"+snowsrc+"' border=\"0\"/a/div");

} else {

document.write("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] = Math.random()*(doc_width-am[i]-30);

yp[i] = 0;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

doc_width = self.innerWidth;

doc_height = self.innerHeight;

}

dx[i] += stx[i];

document.layers["dot"+i].top = yp[i];

document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(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] = Math.random()*(doc_width-am[i]-30);

yp[i] = 0;

stx[i] = 0.02 + Math.random()/10;

sty[i] = 0.7 + Math.random();

doc_width = document.body.clientWidth;

doc_height = document.body.clientHeight;

}

dx[i] += stx[i];

document.all["dot"+i].style.pixelTop = yp[i];

document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);

}

setTimeout("snowIE()", 10);

}

if (ns4up) {

snowNS();

} else if (ie4up) {

snowIE();

}

/SCRIPT

/body

/html

记得给我加分啊

var snowsrc="images/xuehua1.gif"这句是你雪花图片的地址

html页面飘雪的代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html飘雪特效、html页面飘雪的代码的信息别忘了在本站进行查找喔。