js雪花特效代码(html雪花特效代码)
雪花飘落的JS代码
N是管雪花的数量,Y是雪花下落的速度,(document.layers)?window.innerHeight:window.document.body.clientHeight;是雪花下落的尺寸,可以改为=(document.layers)?window.innerHeight+100:window.document.body.clientHeight;+100,下落尺寸加大100。
求网页制作雪花飘落效果的代码
下面是雪花飘落的js代码
拷进去就好了,或者调用!!!!
script language="JavaScript"
!--
N =20;
Y = new Array();
X = new Array();
S = new Array();
A = new Array();
B = new Array();
M = new Array();
V = (document.layers)?1:0;
iH=(document.layers)?window.innerHeight:window.document.body.clientHeight;
iW=(document.layers)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i N; i++){
Y[i]=Math.round(Math.random()*iH);
X[i]=Math.round(Math.random()*iW);
S[i]=Math.round(Math.random()*5+2);
A[i]=0;
B[i]=Math.random()*0.1+0.1;
M[i]=Math.round(Math.random()*1+7);
}
if (V){
for (i = 0; i N; i++)
{document.write("LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M[i]+","+M[i]+"';z-index: 1font color=white size=3 face='Wingdings'T/font/LAYER")}
}
else{
document.write('div style="position:absolute;top:0px;left:0px;z-index: 1"');
document.write('div style="position:relative;z-index: 1"');
for (i = 0; i N; i++)
{document.write('div id="si" style="position:absolute;z-index: 1;top:0;left:0;width:'+M[i]+';height:'+M[i]+';font-size:'+M[i]+'"font color=white size=3 face="Wingdings"T/font/div')}
document.write('/div/div');
}
function snow(){
var H=(document.layers)?window.innerHeight:window.document.body.clientHeight;
var W=(document.layers)?window.innerWidth:window.document.body.clientWidth;
var T=(document.layers)?window.pageYOffset:document.body.scrollTop;
var L=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i N; i++){
sy=S[i];
sx=S[i]*Math.cos(A[i]);
Y[i]+=sy;
X[i]+=sx;
if (Y[i] H){
Y[i]=-10;
X[i]=Math.round(Math.random()*W);
M[i]=Math.round(Math.random()*1+7);
S[i]=Math.round(Math.random()*5+2);
}
if (V){document.layers['sn'+i].left=X[i];document.layers['sn'+i].top=Y[i]+T}
else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T}
A[i]+=B[i];
}
setTimeout('snow()',40);
}
snow()
//--
/script
利用JS给网页添加雪花飘落的效果
1、修改部分如下:
?head
??script?src="?Demo/jsized.snow.min.js"?type="text/javascript"/script????????
script
????/**
?????*?This?function?takes?2?arguments
?????*?First?is?the?path?to?the?directory?with?snowflake?images
?????*?Second?is?the?maximum?number?of?snowflakes,?please?do?not
?????*?set?this?number?above?60?as?it?will?impact?the?performance
?????*/
????createSnow("",?60);//目录改为当前目录
/script
?/head
?body
??测试
?/body
/html
2、在该网页目录?下?新添加?四张雪花图片?命名规则(snow0.gif?snow1.gif?snow2.gif?snow3.gif)
求助,天猫雪花特效代码要装在哪路 怎么装
首先看一下效果,图片是直接截图的不会动,实际效果是动态的,不停的下雪花
首先在店铺装修后台首页里添加一个自定义内容区,切换到代码编辑模式,把以下代码复制直接粘贴进去,发布即可
店铺的雪花代码,只要把海报图,换成你自已的就可以了
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
淘宝里首页飘雪花 怎么弄啊 js代码放在哪里啊 本人小白 希望大神详解.....
div class="J_TWidget" data-widget-config="{'duration':0.1,'activeTriggerCls':'.tshop-psm-shop-ww-hover','interval':0.1,'effect':'scrollx','activeIndex':1,'navCls':'user-crzysj','contentCls':'user-crzysjii','autoplay':true}" data-widget-type="Carousel" style="position:relative;"ul class="user-crzysjii" style="display: none; width: 999999px; left: 0px; position: absolute;"li class="-_-switchable-panel-internal535 ks-switchable-panel-internal998" style="width: 475px; height: 800px; display: block; float: left;" /li/ulul class="user-crzysj"li class="-_-switchable-trigger-internal534 ks-switchable-trigger-internal997 tshop-psm-shop-ww-hover" style="width:475px;height:800px;right:50%;margin-right:505px;"embed allownetworking="all" allowscriptaccess="never" flashvars="scene=taobao_shop" height="1000" name="flashfirebug_1387778983714" src="" type="application/x-shockwave-flash" width="475" wmode="transparent"/li/ul/divdiv class="J_TWidget" data-widget-config="{'duration':0.1,'activeTriggerCls':'.tshop-psm-shop-ww-hover','interval':0.1,'effect':'scrollx','activeIndex':1,'navCls':'user-crzysj','contentCls':'user-crzysjii','autoplay':true}" data-widget-type="Carousel" style="position:relative;z-index:99;"ul class="user-crzysjii" style="display: none; width: 999999px; left: 0px; position: absolute;"li class="-_-switchable-panel-internal635 ks-switchable-panel-internal1108" style="width: 475px; height: 800px; display: block; float: left;" /li/ulul class="user-crzysj"li class="-_-switchable-trigger-internal634 ks-switchable-trigger-internal1107 tshop-psm-shop-ww-hover" style="width:475px;height:800px;left:50%;margin-left:505px;"embed allownetworking="all" allowscriptaccess="never" flashvars="scene=taobao_shop" height="1000" name="flashfirebug_1387778983652" src="" type="application/x-shockwave-flash" width="475" wmode="transparent"/li/ul/div
直接在首页添加个自定义模块 编辑 点两个箭头的那个编辑代码模式 然后复制代码放进去 确定就好!