网页特效.docx
- 文档编号:5807596
- 上传时间:2023-01-01
- 格式:DOCX
- 页数:23
- 大小:21.19KB
网页特效.docx
《网页特效.docx》由会员分享,可在线阅读,更多相关《网页特效.docx(23页珍藏版)》请在冰豆网上搜索。
网页特效
模拟下雪景象
脚本说明:
把如下代码加入
区域中.drop{position:
absolute;width:
3;filter:
flipV(),flipH();font-size:
40;color:
blue}
snow=false;//false-rain;true-snow
snowsym="*"//Thesearethesymbolsforeach
rainsym="*"//Youcanputimageshere.
howmany=15//Howmanydrops/snowflakes?
/**************Donotneedtochangeanythingbelow***********/
if(snow){sym=snowsym;speed=1;angle=10;drops=howmany}
else{sym=rainsym;speed=50;drops=howmany;angle=6}
movex=-speed/angle;movey=speed;count=0;
functionmoverain(){
for(move=0;move xx[move]+=movex;yy[move]+=mv[move]; hmm=Math.round(Math.random()*1); if(xx[move]<0){xx[move]=maxx+10;} if(yy[move]>maxy){yy[move]=10;} drop[move].left=xx[move] drop[move].top=yy[move]+document.body.scrollTop; }setTimeout('moverain()','1')} if(document.all){ drop=newArray();xx=newArray();yy=newArray();mv=newArray() ly="document.all[\'";st="\'].style" for(make=0;make document.write('
drop[make]=eval(ly+'drop'+make+st);
maxx=document.body.clientWidth-40
maxy=document.body.clientHeight-40
xx[make]=Math.random()*maxx;
yy[make]=-100-Math.random()*maxy;
drop[make].left=xx[make]
drop[make].top=yy[make]
mv[make]=(Math.random()*5)+speed/16;
drop[make].fontSize=(Math.random()*10)+20;
if(snow){col='white'}else{col='blue'}
drop[make].color=col;
}
window.onload=moverain
}
围绕图片疯狂旋转的花朵
--
varimages='images/flower2.gif';//将图片名称改为你的图像!
varamount=7;//Numberofimageshere.Donotalterforthisscript!
!
varspeed=1;
varRunTime=0;
varcntr=0;
varxcntr=100;
varpulse=25;
varXpos=0;
varYpos=0;
var_y;
vartemp;
/*IfyouuseanimagelargerorsmallerthantheoneI'veused
thecursorwillbeoffcenter.Alterthe2variablesbelowtocenterit.*/
varUpDown=-10;
varLeftRight=-5;
if(document.all){
document.write(' absolute;top: 0px;left: 0px">'); document.write(' relative">'); for(n=0;n document.write(' absolute;top: 0px;left: 0px;visibility: hidden">'); document.write('
document.write('
functionFollowMouse(){
Xpos=document.body.scrollLeft+event.x+UpDown;
Ypos=document.body.scrollTop+event.y+LeftRight;
}
document.onmousemove=FollowMouse;
}
elseif(document.layers){
window.captureEvents(Event.MOUSEMOVE);
functionxFollowMouse(evnt){
Xpos=evnt.pageX+UpDown;
Ypos=evnt.pageY+LeftRight;
}
window.onMouseMove=xFollowMouse;
for(ns=0;ns document.write(" } functionmsi(){ if(document.layers){ for(i=0;i { temp="n"+i document.layers[0].visibility='show'; document.layers[0].top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5); document.layers[0].left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5); } cntr+=1; RunTime+=speed; stp=setTimeout('msi()',10); if(cntr>=100) { cntr=100; speed=2.5; for(i=0;i { temp="n"+i document.layers[temp].visibility='show'; document.layers[temp].top=Ypos+cntr*Math.cos((RunTime-100)*i/90); document.layers[temp].left=Xpos+cntr*Math.sin((RunTime-100)*i/90); } } if(RunTime>182) { speed=0.5; for(i=0;i { temp="n"+i document.layers[temp].top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5); document.layers[temp].left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5); } } } elseif(document.all){ for(i=0;i { ieDiv.all.c.all[0].style.visibility='visible'; ieDiv.all.c.all[0].style.top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5); ieDiv.all.c.all[0].style.left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5); } cntr+=1; RunTime+=speed; stp=setTimeout('msi()',10); if(cntr>=100) { cntr=100; speed=2.5; for(i=0;i { ieDiv.all.c.all[i].style.visibility='visible'; ieDiv.all.c.all[i].style.top=Ypos+cntr*Math.cos((RunTime-100)*i/90); ieDiv.all.c.all[i].style.left=Xpos+cntr*Math.sin((RunTime-100)*i/90); } } if(RunTime>182) { speed=0.5; for(i=0;i { ieDiv.all.c.all[i].style.top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5); ieDiv.all.c.all[i].style.left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5); } } } if(RunTime>210) { xcntr-=10; } if(document.layers) _y=-window.innerWidth-90; elseif(document.all) _y=-document.body.clientWidth-90; if(xcntr<=_y) { RunTime=0; speed=1; cntr=0; xcntr=100; } } msi() //--> 常用网页漂浮广告代码 --图片漂浮广告代码开始--> absolute"> --链接地址--> --图片地址-->
varx=50,y=60
varxin=true,yin=true
varstep=1
vardelay=10
varobj=document.getElementById("www_qpsh_com")
functionfloatwww_qpsh_com(){
varL=T=0
//by
varR=document.body.clientWidth-obj.offsetWidth
varB=document.body.clientHeight-obj.offsetHeight
obj.style.left=x+document.body.scrollLeft
obj.style.top=y+document.body.scrollTop
x=x+step*(xin?
1:
-1)
if(x if(x>R){xin=false;x=R} y=y+step*(yin? 1: -1) if(y if(y>B){yin=false;y=B} } varitl=setInterval("floatwww_qpsh_com()",delay) obj.onmouseover=function(){clearInterval(itl)} obj.onmouseout=function(){itl=setInterval("floatwww_qpsh_com()",delay)} --图片漂浮广告代码结束--> 时间代码: RStimeFormat="%h: %m: %s%a"; functionRS_getTimeString(format){ ptr=format.indexOf("%");old=0;time=""; while(ptr! =-1){ ch=format.charAt(ptr+1); time+=format.substring(old,ptr)+RS_getFormat(ch); old=ptr+2; ptr=format.indexOf("%",old); } time+=format.substring(old,format.length); returntime; } functionRS_setDigits(num,howmany){ str=num.toString(); if(str.length>=howmany)returnstr; for(i=str.length;i returnstr; } functionRS_getFormat(ch){ now=newDate(); if(ch=='h'){ hour=now.getHours(); if(hour==0){hour=12;} elseif(hour>12){hour-=12;} returnhour;} elseif(ch=='H'){returnnow.getHours();} elseif(ch=='m'){returnRS_setDigits(now.getMinutes(),2);} elseif(ch=='s'){returnRS_setDigits(now.getSeconds(),2);} elseif(ch=='d'){returnnow.getDate();} elseif(ch=='D'){ returnmonArray[now.getMonth()];} elseif(ch=='y'){ return((now.getYear()<=99)? now.getYear(): RS_setDigits(now.getYear()-2000,2));} elseif(ch=='Y'){ return((now.getYear()<=99)? "19"+now.getYear(): now.getYear());} elseif(ch=='a'){ if(now.getHours()==0||now.getHours()>11)return"PM"; elsereturn"AM";} elsereturn""; }functionRS_changeText(id,str){ if(document.layers){//ifNavigator4.0+ with(document[id].document){ open(); write(str); close(); } }else{//InternetExplorer4.0+ document.all[id].innerHTML=str; } } functionRS_startClock(){ ClockID=setInterval("RS_changeText('RStimeLayer',RS_getTimeString(RStimeFormat))",500) } if(document.all||document.layers)RS_startClock();