Uncle Jims Web Designs: Change Button colors on Mouseover

Uncle Jim's
Web Site Creations
JavaScript Examples
LIGHTED ACTION BUTTON

In this example, I show you how to change those common gray buttons into colored action buttons. This gives your buttons on your web page a litle more activity and your visitors will enjoy the change.

SCRIPT INSTALLATION

COPY - Insert Between Head Tags: <HEAD></HEAD>
<style type="text/css"></style> <script type="text/javascript"> <!-- /* ______________________________________________________ /秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤\ | Another JavaScript from Uncle Jim | | | | Feel free to copy, use and change this script as | | long as this part remains unchanged. | | | | Visit my website at http://www.jdstiles.com | | for more scripts like this one | | | | Created: 1996 | | Last Updated: December, 2005 | \______________________________________________________/ 秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤秤 */ function highlightButton(s) { if ("INPUT"==event.srcElement.tagName) event.srcElement.className=s } </script>
COPY - Insert Inside Body: <BODY></BODY>
<center><FORM NAME=highlight onmouseover="highlightButton('start')" onmouseout="highlightButton('')"> <input type="button" Value="Pass your mouse over me"></FORM></center>

Close This Window