Live Checkboxes Javascript

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

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>

Graphxkingdom
Thousands of free Icons, Clipart & Themes!

Free-Backgrounds
Hundreds of eye-popping Backgrounds & Textures

Java-scripts.net
Cool and easy effects with cut-and-paste Javascripts!