网页代码.docx
- 文档编号:6214099
- 上传时间:2023-01-04
- 格式:DOCX
- 页数:65
- 大小:49.67KB
网页代码.docx
《网页代码.docx》由会员分享,可在线阅读,更多相关《网页代码.docx(65页珍藏版)》请在冰豆网上搜索。
网页代码
跟随鼠标的星星:
跟随鼠标的一群小点,就象星星一样,很好看
效果演示:
把如下代码加入
区域中/*
ScrollingImageMap/TextLinkTooltipScript-
SpecialThanksto:
Rob()
MissAnn()
*/
if(!
document.layers&&!
document.all)
event="test"
functionshowtip2(current,e,text){
if(document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML=' 1pxsolidblack">'+text+'' document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10 document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10 document.all.tooltip2.style.visibility="visible" } elseif(document.layers){ document.tooltip2.document.nstip.document.write(''+text+'') document.tooltip2.document.nstip.document.close() document.tooltip2.document.nstip.left=0 currentscroll=setInterval("scrolltip()",100) document.tooltip2.left=e.pageX+10 document.tooltip2.top=e.pageY+10 document.tooltip2.visibility="show" } } functionhidetip2(){ if(document.all) document.all.tooltip2.style.visibility="hidden" elseif(document.layers){ clearInterval(currentscroll) document.tooltip2.visibility="hidden" } } functionscrolltip(){ if(document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width) document.tooltip2.document.nstip.left-=5 else document.tooltip2.document.nstip.left=150 } functionPopWin() { varPopWin=window.open("","PopWin","toolbar=no,directries=no,scrollBars=yes,height=500,width=400"); } functionYY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep){//v1.2 //copyright(c)1999Yaromat,JarovonFlocken if((document.layers)||(document.all)){ with(Math){yynextx=eval(yyfnx)} with(Math){yynexty=eval(yyfny)} yycnt=(yyloop&&yycnt>=yystep*yybilder)? 0: yycnt+yystep; if(document.layers){ eval(yydiv+".top="+(yynexty+yytop)) eval(yydiv+".left="+(yynextx+yyleft)) } if(document.all){ eval("yydiv=yydiv.replace(/.layers/gi,'.all')"); eval(yydiv+".style.pixelTop="+(yynexty+yytop)); eval(yydiv+".style.pixelLeft="+(yynextx+yyleft)); } argStr='YY_Layerfx('+yyleft+','+yytop+',"'+yyfnx+'","'+yyfny+'","'+yydiv+'",'+yybilder+','+yyloop+','+yyto+','+yycnt+','+yystep+')'; if(yycnt<=yystep*yybilder){eval(yydiv+".yyto=setTimeout(argStr,yyto)");} } } functionYY_Mousetrace(evnt){//v1.2copyright(c)1999Yaromat if(yyns4) {if(evnt.pageX){yy_ml=evnt.pageX;yy_mt=evnt.pageY;}} else{ yy_ml=(event.clientX+document.body.scrollLeft); yy_mt=(event.clientY+document.body.scrollTop); } if(yy_tracescript)eval(yy_tracescript) } style="position: absolute;visibility: hidden;clip: rect(0150500);width: 150px;background-color: lightyellow">
style="position: absolute;left: 10px;top: 50px;width: 3px;height: 3px;z-index: 1;background-color: #19636c;layer-background-color: #19636c;border: 1pxnone#000000;clip: rect(0330)">
id="yyd1"
style="position:
absolute;left:
20px;top:
50px;width:
3px;height:
3px;z-index:
1;background-color:
#708574;layer-background-color:
#708574;border:
1pxnone#000000;clip:
rect(0330)">
id="yyd2"
style="position:
absolute;left:
30px;top:
50px;width:
3px;height:
3px;z-index:
1;background-color:
#379bbf;layer-background-color:
#379bbf;border:
1pxnone#000000;clip:
rect(0330)">
id="yyd3"
style="position:
absolute;left:
40px;top:
50px;width:
3px;height:
3px;z-index:
1;background-color:
#25184c;layer-background-color:
#25184c;border:
1pxnone#000000;clip:
rect(0330)">
id="yyd4"
style="position:
absolute;left:
50px;top:
50px;width:
3px;height:
3px;z-index:
1;background-color:
#31bd3c;layer-background-color:
#31bd3c;border:
1pxnone#000000;clip:
rect(0330)">
id="yyd5"
style="position:
absolute;left:
60px;top:
50px;width:
3px;height:
3px;z-index:
1;background-color:
#c11efd;layer-background-color:
#c11efd;border:
1pxnone#000000;clip:
rect(0330)">
varyyns4=window.Event?
true:
false;varyy_mt=0;varyy_ml=0;
document.onmousemove=YY_Mousetrace;
yy_tracescript='';
if(yyns4){document.captureEvents(Event.MOUSEMOVE);
YY_Mousetrace('',',document.YY_Mousetrace1')}
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/39.83007847812662))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/34.224861639800686))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd0\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/27.66510707209673))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/9.240632767417667))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd1\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/16.45318944579641))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/16.0564452288292))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd2\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/6.95348954836835))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/44.13697049887155))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd3\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/33.90077294583733))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/2.2378828869411587))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd4\']',2000,true,80,0,1);
YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/37.858312521039835))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/18.083839795990098))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd5\']',2000,true,80,0,1);
网页鼠标特效
跟随鼠标的字符:
在鼠标后面跟着一串飘动的字符,想写什么就写什么,爽吧
效果演示
第一步:
把如下代码加入
区域中.spanstyle{
COLOR:
#3366ff;FONT-FAMILY:
宋体;FONT-SIZE:
10pt;POSITION:
absolute;TOP:
-50px;VISIBILITY:
visible
}
varx,y
varstep=18
varflag=0
//Yoursnappymessage.Important:
thespaceattheendofthesentence!
!
!
varmessage="记得把『网页制作大宝库』添加到收藏夹噢!
"
message=message.split("")
varxpos=newArray()
for(i=0;i<=message.length-1;i++){
xpos[i]=-50
}
varypos=newArray()
for(i=0;i<=message.length-1;i++){
ypos[i]=-200
}
functionhandlerMM(e){
x=(document.layers)?
e.pageX:
document.body.scrollLeft+event.clientX
y=(document.layers)?
e.pageY:
document.body.scrollTop+event.clientY
flag=1
}
functionmakesnake(){
if(flag==1&&document.all){
for(i=message.length-1;i>=1;i--){
xpos[i]=xpos[i-1]+step
ypos[i]=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y
for(i=0;i varthisspan=eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } elseif(flag==1&&document.layers){ for(i=message.length-1;i>=1;i--){ xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for(i=0;i varthisspan=eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } vartimer=setTimeout("makesnake()",30) } 第二步: 把如下代码加入 --BeginningofJavaScript- for(i=0;i<=message.length-1;i++){ document.write(" document.write(message[i]) document.write("") } if(document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove=handlerMM; //-EndofJavaScript---> 跟踪鼠标: 一串图片跟着鼠标运动,如果图片做得好,可以有很好的效果 效果演示 把如下代码加入
--
B=document.all;
C=document.layers;
T1=newArray("c1.gif",38,35,"c2.gif",30,31,"c3.gif",28,26,"c4.gif",22,21,"c5.gif",16,16)
nos=parseInt(T1.length/3)
rate=50
ie5fix1=0;
ie5fix2=0;
for(i=0;i createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,""," functioncreateContainer(N,Xp,Yp,W,H,At,HT,Op,St){ with(document){ write((! B)? " " absolute;left: "+Xp+";top: "+Yp+";width: "+W+";height: "+H+";"); if(St){ if(C) write("style='"); write(St+";'") } elsewrite((B)? "'": ""); write((At)? At+">": ">"); write((HT)? HT: ""); if(! Op) closeContainer(N) } } functioncloseContainer(){ document.write((B)? "
"")
}
functiongetXpos(N){
return(B)?
parseInt(B[N].style.left):
C[N].left
}
functiongetYpos(N){
return(B)?
parseInt(B[N].style.top):
C[N].top
}
functionmoveContainer(N,DX,DY){
c=(B)?
B[N].style:
C[N];c.left=DX;c.top=DY
}
functioncycle(){
//if(IE5)
if(document.all&&window.print){
ie5fix1=document.body.scrollLeft;
ie5fix2=document.body.scrollTop;
}
for(i=0;i<(nos-1);i++){
moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
}
}
functionnewPos(e){
moveContainer("CUR"+(nos-1),(B)?
event.clientX+ie5fix1:
e.pageX+2,(B)?
event.clientY+ie5fix2:
e.pageY+2
)
}
if(document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove=newPos
setInterval("cycle()",rate)
//-->
鼠标激活警告框:
鼠标放到链接上,就立刻弹出警告框
效果演示:
记住本站域名
把如下代码加入
区域中');returntrue;">记住本站域名 鼠标点击效果: 鼠标点击一下就会飞出一连串的英文字母,很好看的 效果演示: 以第一步: 把如下代码加入
--Begin
varver=navigator.appVersion;
vardom=document.getElementById?
1:
0;
varie5=(ver.indexOf("MSIE5")>-1&&dom)?
1:
0;
varn=(document.layers);
varie=(document.all);
varsparksAflyin=0;
vartotalSparks=0;
varsparksOn=1;
functioninitMouseEvents(){
document.onmousedown=mouseDown;
if(n)document.captureEvents(Event.MOUSEDOWN|Ev
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 代码