Javascripts > Javascript Links > Live Checkboxes
Script Title: Live Checkboxes
Description: Add a fun "check box" effect aside your links as the mouse moves over them!
Example: Available
Java-Scripts.net Reallybig Website Abstraction Dynamic Drive
Copy the following code between the <BODY></BODY> tags of your html page.<form name="rolloverbox"> <p><input type="checkbox" name="boxes" value="ON"><a href="http://java-scripts.net" onMouseover="rollovercheck(0)" onMouseout="rolloutcheck(0)">Java-Scripts.net</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://reallybig.com" onMouseover="rollovercheck(1)" onMouseout="rolloutcheck(1)">Reallybig</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://wsabstract.com" onMouseover="rollovercheck(2)" onMouseout="rolloutcheck(2)">Website Abstraction</a><br> <input type="checkbox" name="boxes" value="ON"><a href="http://www.dynamicdrive.com" onMouseover="rollovercheck(3)" onMouseout="rolloutcheck(3)">Dynamic Drive</a> </form> <script> /* Rollover check box link credit By Website Abstraction (www.wsabstract.com) and Java-scripts.net (www.java-scripts.net */ var thebox=document.rolloverbox function rollovercheck(whichbox){ thebox.boxes[whichbox].checked=true } function rolloutcheck(whichbox){ thebox.boxes[whichbox].checked=false } </script>
Enter your name and email address to have this script sent right to your Inbox for later viewing. First Name Last Name Email