Phiên bản đầy đủ: jsB@nk » Liên kết » Liên kết dạng mạng nhện
URL: https://www.javascriptbank.com/spider-highlighter-for-textlinks.html
Hiệu ứng tạo một mạng nhện dạng đơn giản di chuyển theo chuột, nếu ta rê con trỏ chuột đến liên kết thì mạng nhện này sẽ trở nên lớn hơn và đổi sang các màu khác.
Phiên bản đầy đủ: jsB@nk » Liên kết » Liên kết dạng mạng nhện
URL: https://www.javascriptbank.com/spider-highlighter-for-textlinks.html
<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--><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--><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-->