»
EnglishFrenchVietnamese

Print - Spider Highlighter for Textlinks - JavaScriptBank.com

Full version: jsB@nk » Link » Spider Highlighter for Textlinks
URL: https://www.javascriptbank.com/spider-highlighter-for-textlinks.html

Spider Highlighter for Textlinks © JavaScriptBank.comDo you want a very special dynamic rollover effect that none of your visitors has seen before? Try our new spider highlighter script for textlinks! No images needed. Copy-and-paste installation. Easy configuration of colors and width of the eight spiderlines.

Full version: jsB@nk » Link » Spider Highlighter for Textlinks
URL: https://www.javascriptbank.com/spider-highlighter-for-textlinks.html



CSS
<STYLE>.disableHscroll{width:100%;overflow-x:hidden;overflow-y:scroll;}v\:* { BEHAVIOR: url(#default#VML)}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT>/************************************************ Spider Web Links- Copyright (c) Peter Gehrig* Website: http://www.24fun.com***********************************************/// Minor modification by DD to disable horizontal scrollbar///////////////////////////////////////////////////////////////////////////// CONFIGURATION STARTS HERE///////////////////////////////////////////////////////////////////////////// the default color of the 8 spiderlinesvar 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///////////////////////////////////////////////////////////////////////////function ietruebody(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}var distancetomouse=0var mousepos_x=0var mousepos_x=0var marginleft=0var margintop=0var marginbottom=0var marginright=0var margincenterxvar margincenteryvar mousepos_x=0var mousepos_x=0if (document.all&&window.print){    document.write('<div id="bodycontent" style="position:relative">')}function initiateanimation(){    marginbottom=ietruebody().clientHeight    marginright=ietruebody().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=ietruebody().scrollLeft+event.clientX        mousepos_y=ietruebody().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"ietruebody().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><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<a href="http://JavaScriptBank.com.com" onMouseOver="msover('#FFEEEE')" onMouseOut="msout()">Mouse over this link to text</a><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->