»
EnglishFrenchVietnamese

Print - Link Effect - JavaScriptBank.com

Full version: jsB@nk » » Link Effect
URL: https://www.javascriptbank.com/shadow-link.html

Link Effect © JavaScriptBank.comThe code uses filters effect to links when visitors move mouse over it.

Full version: jsB@nk » » Link Effect
URL: https://www.javascriptbank.com/shadow-link.html



CSS
<style>a{position:stretch;color:lime;}body{background:black;color:white}</style><style><!--a:hover{color:red; }--></style><style>A {TEXT-DECORATION: none}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script>// [email protected] - Dave Stanleyfunction Init(){var i=0;while(document.links.length>i){document.links(i).style.position="";document.links(i).style.height=document.links(i).style.width+0;i++;}}function handleevent(){if(event.type=="mouseover")if(event.srcElement.tagName=="A") {event.srcElement.style.filter="shadow(color=lime,enabled=1)";}if (event.type=="mouseout")if(event.srcElement.tagName=="A") {event.srcElement.style.filter="";}}document.onmouseover=handleevent;document.onmouseout=handleevent;document.body.onload=Init;</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<table border="5" bordercolor="blue" width="300"><tbody><tr><td align="center"><b><a href="http://JavaScriptBank.com/">JavaScriptBank.com</a></b></td></tr><tr><td align="center"><b><a href="mailto:[email protected]?subject=Link_Highlighter" title="Mail Me For Help On This Script">E-Mail Me</a></b></td></tr></tbody></table><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->