把如下代码复制到与之间
演示效果:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 | <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> < html > < head > < meta http-equiv = "Content-Type" content = "text/html; charset=gb2312" > < meta name = "Author" content = "www.butong.net" > < meta name = "Copyright" content = "www.butong.net" > < title >奇异效果!网页中的蜘蛛网-志文工作室</ title > < link href = "../../css2.css" rel = "stylesheet" type = "text/css" > </ head > < body > < STYLE > .disableHscroll{ width:100%;overflow-x:hidden;overflow-y:scroll; } v:* { BEHAVIOR: url(#default#VML) } </ STYLE >< SCRIPT > var defaultcolor="#999999" var lineweighthighlight=1 var lineweightnormal=1 var distancetomouse=0 var mousepos_x=0 var mousepos_x=0 var marginleft=0 var margintop=0 var marginbottom=0 var marginright=0 var margincenterx var margincentery var mousepos_x=0 var mousepos_x=0 if (document.all&&window.print){ document.write('< div id = "bodycontent" style = "position:relative" >') } function initiateanimation(){ marginbottom=document.body.clientHeight marginright=document.body.clientWidth margincenterx=Math.floor(marginright/2) margincentery=Math.floor(marginbottom/2) rectangulartopleft.to=marginleft+","+margintop rectangulartopright.to=marginright+","+margintop rectangularbottomleft.to=marginleft+","+marginbottom rectangularbottomright.to=marginright+","+marginbottom rectangulartop.to=margincenterx+","+margintop rectangularright.to=marginright+","+margincentery rectangularbottom.to=margincenterx+","+marginbottom rectangularleft.to=marginleft+","+margincentery rectangulartopleft.strokecolor=defaultcolor rectangulartopright.strokecolor=defaultcolor rectangularbottomleft.strokecolor=defaultcolor rectangularbottomright.strokecolor=defaultcolor rectangulartop.strokecolor=defaultcolor rectangularright.strokecolor=defaultcolor rectangularbottom.strokecolor=defaultcolor rectangularleft.strokecolor=defaultcolor} function msover(thiscolorhighlight){ if(document.all&&window.print){ rectangulartopleft.strokecolor=thiscolorhighlight rectangulartopright.strokecolor=thiscolorhighlight rectangularbottomleft.strokecolor=thiscolorhighlight rectangularbottomright.strokecolor=thiscolorhighlight rectangulartop.strokecolor=thiscolorhighlight rectangularright.strokecolor=thiscolorhighlight rectangularbottom.strokecolor=thiscolorhighlight rectangularleft.strokecolor=thiscolorhighlight rectangulartopleft.strokeweight=lineweighthighlight rectangulartopright.strokeweight=lineweighthighlight rectangularbottomleft.strokeweight=lineweighthighlight rectangularbottomright.strokeweight=lineweighthighlight rectangulartop.strokeweight=lineweighthighlight rectangularright.strokeweight=lineweighthighlight rectangularbottom.strokeweight=lineweighthighlight rectangularleft.strokeweight=lineweighthighlight } } function msout(){ if(document.all&&window.print){ rectangulartopleft.strokecolor=defaultcolor rectangulartopright.strokecolor=defaultcolor rectangularbottomleft.strokecolor=defaultcolor rectangularbottomright.strokecolor=defaultcolor rectangulartop.strokecolor=defaultcolor rectangularright.strokecolor=defaultcolor rectangularbottom.strokecolor=defaultcolor rectangularleft.strokecolor=defaultcolor rectangulartopleft.strokeweight=lineweightnormal rectangulartopright.strokeweight=lineweightnormal rectangularbottomleft.strokeweight=lineweightnormal rectangularbottomright.strokeweight=lineweightnormal rectangulartop.strokeweight=lineweightnormal rectangularright.strokeweight=lineweightnormal rectangularbottom.strokeweight=lineweightnormal rectangularleft.strokeweight=lineweightnormal } } function momouse(){ if(document.all&&window.print){ mousepos_x=document.body.scrollLeft+event.clientX mousepos_y=document.body.scrollTop+event.clientY rectangulartopleft.from=mousepos_x+","+mousepos_y rectangulartopright.from=mousepos_x+","+mousepos_y rectangularbottomleft.from=mousepos_x+","+mousepos_y rectangularbottomright.from=mousepos_x+","+mousepos_y rectangulartop.from=mousepos_x+","+mousepos_y rectangularright.from=mousepos_x+","+mousepos_y rectangularbottom.from=mousepos_x+","+mousepos_y rectangularleft.from=mousepos_x+","+mousepos_y } } if(document.all&&window.print){ document.body.className="disableHscroll" code="< v:line id = rectangulartopleft style = 'LEFT:0;POSITION:absolute;TOP:0;' strokeweight = '"+lineweightnormal+"pt' ></ v:line >" code+="< v:line id = rectangulartopright style = 'LEFT:0;POSITION:absolute;TOP:0;' strokeweight = '"+lineweightnormal+"pt' ></ v:line >" code+="< v:line id = rectangularbottomleft style = 'LEFT:0;POSITION:absolute;TOP:0;' strokeweight = '"+lineweightnormal+"pt' ></ v:line >" code+="< v:line id = rectangularbottomright style = 'LEFT:0;POSITION:absolute;TOP:0;' strokeweight = '"+lineweightnormal+"pt' ></ v:line >" code+="< v:line id = rectangulartop style = 'LEFT:0;POSITION:absolute;TOP:0;' strokeweight = '"+lineweightnormal+"pt' ></ v:line >" code+="< v:line id = rectangularright style = 'LEFT:0;POSITION:absolute;TOP:0;' strokeweight = '"+lineweightnormal+"pt' ></ v:line >" code+="< v:line id = rectangularbottom style = 'LEFT:0;POSITION:absolute;TOP:0;' strokeweight = '"+lineweightnormal+"pt' ></ v:line >" code+="< v:line id = rectangularleft style = 'LEFT:0;POSITION:absolute;TOP:0;' strokeweight = '"+lineweightnormal+"pt' ></ v:line >" document.body.insertAdjacentHTML("afterBegin",code) document.onmousemove=momouse window.onload=initiateanimation } </ SCRIPT > </ body > </ html > |