124、鼠标上的蜘蛛网

124、鼠标上的蜘蛛网

<html>

<head>

<title>鼠标上的蜘蛛网</title>

<style type="text/css">

<!--

body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}

A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }

 A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }

a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }

 

-->

</style>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

 

<body bgcolor="#ffccff">

<CENTER><script language="JavaScript" src="../news2.js"></script></CENTER>

<center><font color=red face="隶书" size=6>鼠标上的蜘蛛网</font></center>

<br>

<center>

<table border=5 bordercolor=blue borderlight=green>

<tr><td align=center><font size=4 color=red face="Arial, Helvetica, sans-serif"><strong>下面为效果显示</strong></font></td></tr>

<tr><td align=left>

<STYLE>

.disableHscroll{

width:100%;overflow-x:hidden;overflow-y:scroll;

}

 

v\:* {

 BEHAVIOR: url(#default#VML)

}

</STYLE>

<SCRIPT>

// the default color of the 8 spiderlines

var defaultcolor="#F5F5F5"

 

// the width of the 8 spiderlines while highlighting textlinks (pixels)

var lineweighthighlight=14

 

// the width of the 8 spiderlines while NOT highlighting textlinks (pixels)

var lineweightnormal=2

 

///////////////////////////////////////////////////////////////////////////

// CONFIGURATION ENDS HERE

///////////////////////////////////////////////////////////////////////////

 

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>

<a href="http://www.7stk.com" onMouseOver="msover('#FFEEEE')" onMouseOut="msout()">网络时空</a>

</td></tr>

</table></center>

<br>

<br><br>

<br>

<center>

<textarea name=source rows=12 cols=45 class=yk9>

脚本说明:

把如下代码加入<body>区域中

<STYLE>

.disableHscroll{

width:100%;overflow-x:hidden;overflow-y:scroll;

}

 

v\:* {

 BEHAVIOR: url(#default#VML)

}

</STYLE>

<SCRIPT>

// the default color of the 8 spiderlines

var defaultcolor="#F5F5F5"

 

// the width of the 8 spiderlines while highlighting textlinks (pixels)

var lineweighthighlight=14

 

// the width of the 8 spiderlines while NOT highlighting textlinks (pixels)

var lineweightnormal=2

 

///////////////////////////////////////////////////////////////////////////

// CONFIGURATION ENDS HERE

///////////////////////////////////////////////////////////////////////////

 

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>

<a href="http://www.7stk.com" onMouseOver="msover('#FFEEEE')" onMouseOut="msout()">网络时空</a>

2、脚本说明:

把如下代码加入<body>区域中

<STYLE>

.disableHscroll{

width:100%;overflow-x:hidden;overflow-y:scroll;

}

 

v\:* {

 BEHAVIOR: url(#default#VML)

}

</STYLE>

<SCRIPT>

// the default color of the 8 spiderlines

var defaultcolor="#F5F5F5"

 

// the width of the 8 spiderlines while highlighting textlinks (pixels)

var lineweighthighlight=14

 

// the width of the 8 spiderlines while NOT highlighting textlinks (pixels)

var lineweightnormal=2

 

///////////////////////////////////////////////////////////////////////////

// CONFIGURATION ENDS HERE

///////////////////////////////////////////////////////////////////////////

 

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>

<a href="http://huicui.jimdo.com/" onMouseOver="msover('#FFEEEE')" onMouseOut="msout()">网页特效huicui.jimdo.com/</a>

 

Write a comment

Comments: 0