雪花代码html可复制(html雪花飘落代码)
HTML中超链接鼠标触发时是闪动的雪花，有谁知道代码？
网页---查看---源文件---找到鼠标触发时是闪动雪花的几个字，那几个字前后语句差不多就是代码了。之后就得你去找一下了。PS：我认为你知道代码后也不能用，因为雪花是编者自己的文件。你没有
求网页飘雪花源代码
把下列代码加到网页的Body/Body标签之间
head
title:::飘雪花效果:::网页特效代码:::失落网家园;/title
/head
BODY bgcolor="#000000"
SCRIPT language=JavaScript1.2
var snowsrc="img/snow.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=\"15\" top=\"15\" visibility=\"show\"a href=\"\"img src='"+snowsrc+"' border=\"0\"/a/layer");
} else {
document.write("layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" 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;\"a href=\"\"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
table border="0" width="100%" cellpadding="0"
tr
td width="100%"font color="#ffffff" size="2"b飘雪花效果/b注意保存这个图片（img border="1" src="img/snow.gif" width="16" height="17"）/font/td
/tr
tr
td width="100%"
/table
script language="JavaScript" type="text/javascript" src="js.js"/scripttr/body
/html
求助，天猫雪花特效代码要装在哪路 怎么装
首先看一下效果，图片是直接截图的不会动，实际效果是动态的，不停的下雪花
首先在店铺装修后台首页里添加一个自定义内容区，切换到代码编辑模式，把以下代码复制直接粘贴进去，发布即可
店铺的雪花代码，只要把海报图，换成你自已的就可以了
div class="panelsdiv" style="height:633px;"
div class="sn-simple-logo footer-more-trigger" style="width:1920px;height:0px;left:50%;top:auto;border:none;padding:0;margin:0;line-height:1.5;"
div class="sn-simple-logo footer-more-trigger" style="width:1920px;height:0px;left:-960px;top:auto;border:none;padding:0;margin:0;line-height:1.5;"
table border="0" cellpadding="0" cellspacing="0" align="center"
tbody
tr
td
div class="wd_self_rel" style="position:relative;width:1920px;height:633px;background-color:transparent;background-repeat:no-repeat;background-image:url(//gdp.alicdn.com/imgextra/i2/677699202/TB2lVZUiFXXXXb4XpXXXXXXXXXX_!!677699202.jpg);background-attachment:scroll;background-position:center top;"
div class="footer-more-trigger sn-simple-logo wd_self_abs WD_htmlWidget" style="padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:0px;top:0px;width:489px;height:730px;overflow:hidden;"
embed allowscriptaccess="never" flashvars="scene=taobao_shop" height="633" src="//vodcdn.alicdn.com/https/playercase0.0.1.swf?playerurl=http%3A%2F%2Fimg1.tbcdn.cn%2Ftfscom%2FT1lmk2Fk8bXXXtxVjX.swf" type="application/x-shockwave-flash" width="500" wmode="transparent" /embed
/div
QQ空间雪花代码
可以通过添加透明flash来达到你要的效果，以下是使用方法和可以引用的透明flash地址（有多个是雪花的效果，可以仔细找下）：
日志加透明flash步骤：
1.在日志页面上点击（写日志）
2.点击那个红色图案
3.输入透明Flash地址
4.点自定义、（宽.800.px 高.800.px）
5.点设置为透明背景（Flash需支持）
6.背景位置（left.0.px top.0.px）
以上任何一步不正确都不会被显示
红色汽球
小红心组大红心
我爱你加星光
挂五角星
左右流星
一只蜻蜓
红色背景白色小流星
浅绿色背景亮色竖条
光球光芒时隐时现
米字星光
灰色背景米字星光
灰蓝背景飘落雨滴
黄色背景飞星闪闪
青蛙
蓝色蝴蝶
竖条箭头
宽窄竖条
左右晃动的竖条（宽、窄）
黑色背景旋转轮盘
蝌蚪旋转、随鼠标的白色光团
黑色背景绿色飘带幻影
黑色背景飞星闪闪
金鱼
蓝色背景水平飞镖
左右晃动的竖条
黑色背景水平闪动的横条
黑色背景光晕
光圈由小变大
蓝色背景雪花飘飘
左右闪动的竖条
三只黑蚂蚁
左右晃动的黄、绿、蓝竖线
无色背景水珠
黑色背景竖条
圆圈内海浪波动
黑色背景蓝色梦幻
黑色背景蓝色梦幻
黑色背景无数小亮点飘落
长发女孩
粉黄色5瓣花飘飘
小星、大星光晕梦幻
紫色唇印升腾
上下闪动的横条
绿色、黄色的树叶飞舞
流星飞降
小＋字旋转大光圈
大、小八瓣雪花飘落
紫色背景大、小八瓣雪花飘落
空中飘动的黄球
两只黄色的蝴蝶在左上角飞舞
一片浅粉色的云团
箭头左右穿梭
一个光球从右上方慢慢飞入
飘落的浅粉色花瓣
晃动的文字“sweet kiss day”
三只飞舞的蜻蜓、闪闪的星光
黑色背景飘落的红叶
雪糕降落
绿色的心和I love you垂直降落
两只跳跃的青蛙
六边形、降落的竖条
燕鱼和水泡
光晕、光圈
天上散绿叶
蓝色背景飞翔的海鸥
黑色背景降落的萤火虫
飞腾的红心
五彩礼花燃放
黄色的四瓣花飘落
浅蓝色的雪花在空中，小雪花降落
飘落的空心小兰圈
一只手的图形
由远而近飞来的流星
黑色背景飘落的雪花
七彩光光芒四射（全屏）
七彩光光芒四射（全屏）
闪动的小竖条
一只和平鸽展翅飞舞
蓝色背景蓝色气泡慢慢升空
白色背景浅蓝色的气泡慢慢升空
跟随鼠标游动的七彩光圈
线条变形
蓝色旋转
跟随鼠标旋转的数字时钟
鼠标滑过方块图形变换
满天星星
米字星光
大雨点
发散的光
背景光晕
背景光晕
蓝色雪花
黑色背景无数小亮点飘落
粉黄色5瓣花飘飘
小星、大星光晕梦幻
紫色背景大、小八瓣雪花飘落
蒲公英
一片浅粉色的云团
三只飞舞的蜻蜓、闪闪的星光
黑色背景飘落的枫叶
绿色的心和I love you垂直降落
蓝色背景飞翔的海鸥
飞腾的红心
五彩礼花燃放
浅蓝色的雪花
由远而近飞来的流星
飞翔的鹰
蓝色背景蓝色气泡慢慢升
跟随鼠标移动的黄色小球
七彩光光芒四射（全屏）
雪花旋舞
闪动的白色圆圈
金光闪闪（中间到四周）
飘舞的七彩丝线
闪电效果
七彩光8字形旋转
旋转的花瓣、蝴蝶随鼠标飞舞
飞旋的七彩光
白色旋转的花瓣变形
蓝宝石七彩闪光
从空特大雨滴
漂亮的玫瑰花从上飘落
从上飘落的鲜花和红心
跟随鼠标的“欢迎下载”及七彩星
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"这句是你雪花图片的地址
网页飘雪花的代码是什么
在后台添加js特效可实现这样的效果。
js代码为：
script language="JavaScript"
!--
var no = 5; //雪片数目
var speed = 20; //飘动速度。(值越大越慢)
var ns4up = (document.layers) ? 1 : 0; //当前浏览器类型，如果是NS则为1
var ie4up = (document.all) ? 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 = self.innerWidth; //取页面宽度
doc_height = self.innerHeight; //取页面高度
}
else
if (ie4up) { //以IE兼容方式
doc_width = document.body.clientWidth; //取页面宽度
doc_height = document.body.clientHeight; //取页面高度
}
for (i = 0; i no; ++ i) { //根据前面定义的雪片数目写进相应数目的层
initSnow(); //随机初始化层的坐标
if (ns4up) { //如果浏览器是NS
//用layer作为雪片(星号)的容器
document.write("layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"font color=\"red\"");
document.write("*/font/layer");
}
else
if (ie4up) { //如果浏览器是IE
//用div作为雪片的容器
document.write("div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"font color=\"red\"");
document.write("*/font/div");
}
}
//初始化雪片，生成随机坐标
function initSnow() {
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 makeSnow() {
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 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 = self.innerWidth; //更新页面宽度数据
doc_height = self.innerHeight; //更新页面高度数据
}
document.layers["dot"+i].top = y[i]; //改变层的Y坐标，应用新的位置
document.layers["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 = 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("SnowdropIE()", speed); //准备下一次下落过程。
}
if (ns4up) { //如果是NS
SnowdropNS(); //调用SnowdropNS使雪片下落
}
else
if (ie4up) { //如果是NS
SnowdropIE(); //调用SnowdropIE使雪片下落
}
--
/script
说明：可以根据自己的需求根据说明进行相应参数的修改