高考问答微信公众平台管家下载:哪位大人可以提供页面特效的代码？
来源：百度文库 编辑：高考问答 时间：2024/05/13 19:42:27
雪花效果代码
鼠标跟随效果代码
页面弹出窗口的代码:
<script type="text/javascript">
function popup() {
window.open ('about:blank', 'popup', 'height=400, width=400, top=200, left=200, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');
}
</script>
</head>
<body onload="popup()">
<p>关闭 拦截弹出窗口 看效果。。</p>
</body>
雪花效果代码:
<HTML><HEAD><TITLE>满天飞舞的雪花</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT>
var pos1=-95;
var pos2=-95;
var pos3=-95;
var pos4=-95;
var pos5=-95;
var pos6=-95;
var pos7=-95;
var pos8=-95;
var pos9=-95;
var pos10=-95;
var pos11=-95;
var pos12=-95;
var pos13=-95;
var pos14=-95;
var pos15=-95;
var pos16=-95;
var pos17=-95;
var pos18=-95;
var pos19=-95;
var pos20=-95;
var pos21=-95;
var pos22=-95;
var pos23=-95;
var pos24=-95;
var pos25=-95;
var speed1=Math.floor(Math.random()*10)+2;
var speed2=Math.floor(Math.random()*10)+2;
var speed3=Math.floor(Math.random()*10)+2;
var speed4=Math.floor(Math.random()*10)+2;
var speed5=Math.floor(Math.random()*10)+2;
var speed6=Math.floor(Math.random()*10)+2;
var speed7=Math.floor(Math.random()*10)+2;
var speed8=Math.floor(Math.random()*10)+2;
var speed9=Math.floor(Math.random()*10)+2;
var speed10=Math.floor(Math.random()*10)+2;
var speed11=Math.floor(Math.random()*10)+2;
var speed12=Math.floor(Math.random()*10)+2;
var speed13=Math.floor(Math.random()*10)+2;
var speed14=Math.floor(Math.random()*10)+2;
var speed15=Math.floor(Math.random()*10)+2;
var speed16=Math.floor(Math.random()*10)+2;
var speed17=Math.floor(Math.random()*10)+2;
var speed18=Math.floor(Math.random()*10)+2;
var speed19=Math.floor(Math.random()*10)+2;
var speed20=Math.floor(Math.random()*10)+2;
var speed21=Math.floor(Math.random()*10)+2;
var speed22=Math.floor(Math.random()*10)+2;
var speed23=Math.floor(Math.random()*10)+2;
var speed24=Math.floor(Math.random()*10)+2;
var speed25=Math.floor(Math.random()*10)+2;
function next()
{
pos1+=speed1;
pos2+=speed2;
pos3+=speed3;
pos4+=speed4;
pos5+=speed5;
pos6+=speed6;
pos7+=speed7;
pos8+=speed8;
pos9+=speed9;
pos10+=speed10;
pos11+=speed11;
pos12+=speed12;
pos13+=speed13;
pos14+=speed14;
pos15+=speed15;
pos16+=speed16;
pos17+=speed17;
pos18+=speed18;
pos19+=speed19;
pos20+=speed20;
pos21+=speed21;
pos22+=speed22;
pos23+=speed23;
pos24+=speed24;
pos25+=speed25;
if(pos1>795)pos1=-95;
if(pos2>795)pos2=-95;
if(pos3>795)pos3=-95;
if(pos4>795)pos4=-95;
if(pos5>795)pos5=-95;
if(pos6>795)pos6=-95;
if(pos7>795)pos7=-95;
if(pos8>795)pos8=-95;
if(pos9>795)pos9=-95;
if(pos10>795)pos10=-95;
if(pos11>795)pos11=-95;
if(pos12>795)pos12=-95;
if(pos13>795)pos13=-95;
if(pos14>795)pos14=-95;
if(pos15>795)pos15=-95;
if(pos16>795)pos16=-95;
if(pos17>795)pos17=-95;
if(pos18>795)pos18=-95;
if(pos19>795)pos19=-95;
if(pos20>795)pos20=-95;
if(pos21>795)pos21=-95;
if(pos22>795)pos22=-95;
if(pos23>795)pos23=-95;
if(pos24>795)pos24=-95;
if(pos25>795)pos25=-95;
document.getElementById("mouse1").style.posTop=pos1;
document.getElementById("mouse2").style.posTop=pos2;
document.getElementById("mouse3").style.posTop=pos3;
document.getElementById("mouse4").style.posTop=pos4;
document.getElementById("mouse5").style.posTop=pos5;
document.getElementById("mouse6").style.posTop=pos6;
document.getElementById("mouse7").style.posTop=pos7;
document.getElementById("mouse8").style.posTop=pos8;
document.getElementById("mouse9").style.posTop=pos9;
document.getElementById("mouse10").style.posTop=pos10;
document.getElementById("mouse11").style.posTop=pos11;
document.getElementById("mouse12").style.posTop=pos12;
document.getElementById("mouse13").style.posTop=pos13;
document.getElementById("mouse14").style.posTop=pos14;
document.getElementById("mouse15").style.posTop=pos15;
document.getElementById("mouse16").style.posTop=pos16;
document.getElementById("mouse17").style.posTop=pos17;
document.getElementById("mouse18").style.posTop=pos18;
document.getElementById("mouse19").style.posTop=pos19;
document.getElementById("mouse20").style.posTop=pos20
document.getElementById("mouse21").style.posTop=pos21;
document.getElementById("mouse22").style.posTop=pos22;
document.getElementById("mouse23").style.posTop=pos23;
document.getElementById("mouse24").style.posTop=pos24;
document.getElementById("mouse25").style.posTop=pos25;
window.setTimeout("next()",10);
}
</SCRIPT>
<META content="MSHTML 6.00.3790.186" name=GENERATOR></HEAD>
<BODY bgColor=skyblue onload=next()>
<DIV id=mouse1
style="FONT-SIZE: 34pt; LEFT: 24pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse2
style="FONT-SIZE: 22pt; LEFT: 48pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse3
style="FONT-SIZE: 55pt; LEFT: 72pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse4
style="FONT-SIZE: 56pt; LEFT: 96pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse5
style="FONT-SIZE: 9pt; LEFT: 120pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse6
style="FONT-SIZE: 25pt; LEFT: 144pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse7
style="FONT-SIZE: 13pt; LEFT: 168pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse8
style="FONT-SIZE: 32pt; LEFT: 182pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse9
style="FONT-SIZE: 25pt; LEFT: 206pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse10
style="FONT-SIZE: 24pt; LEFT: 230pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse11
style="FONT-SIZE: 12pt; LEFT: 254pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse12
style="FONT-SIZE: 9pt; LEFT: 278pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse13
style="FONT-SIZE: 34pt; LEFT: 300pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse14
style="FONT-SIZE: 32pt; LEFT: 340pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse15
style="FONT-SIZE: 15pt; LEFT: 360pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse16
style="FONT-SIZE: 34pt; LEFT: 390pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse17
style="FONT-SIZE: 24pt; LEFT: 420pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse18
style="FONT-SIZE: 35pt; LEFT: 440pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse19
style="FONT-SIZE: 45pt; LEFT: 480pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse20
style="FONT-SIZE: 14pt; LEFT: 520pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse21
style="FONT-SIZE: 32pt; LEFT: 550pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse22
style="FONT-SIZE: 45pt; LEFT: 560pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse23
style="FONT-SIZE: 24pt; LEFT: 580pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse24
style="FONT-SIZE: 12pt; LEFT: 600pt; COLOR: white; POSITION: absolute">*</DIV>
<DIV id=mouse25
style="FONT-SIZE: 35pt; LEFT: 640pt; COLOR: white; POSITION:
absolute">*</DIV></BODY></HTML>
鼠标跟随效果代码:
把下列代码加入<head>……</head>中：
<script>
var x,y
var step=20
var flag=0
// Your snappy message. 注意最后一个空格!!!
var message="您好，谢谢使用本实例教程! "
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makesnake() {
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<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (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<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
</script>
把下列代码加入<body onLoad="makesnake()">……</body>中：
<script>
for (i=0;i<=message.length;i++) {
document.write("<span id='span"+i+"' class='mark'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
</script>
加入下列CSS样式到<head>……</head>中：
<STYLE>.mark {
FONT-WEIGHT: bold; FONT-SIZE: 10pt; VISIBILITY: visible; COLOR: black; FONT-FAMILY: Verdana; POSITION: absolute; TOP: -50px
}
</STYLE>