Free Webdesign Tutorials:: BG Effects: Cell BG Changer

Cell BG Changer

(Internet Explorer Only) Changes the background color of a table's TD cell and the mouse cursor to a hand when you hover over the cell. And, clicking acts like a normal link.

Item 1

Item 2

Item 3

BG Effects: Cell BG Changer
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!

  <HEAD> <style> .tditem { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: gray; } </style> </HEAD>  <BODY> <center> <table border=0 cellpadding=0 cellspacing=0> <tr> <td onmouseover="bgColor='blue'" onClick="window.location='page1.phpl'" style="cursor:hand" onmouseout="bgColor='#FFFFFF'" bgcolor="#376B99" width="100" align="center" valign="center"><b><font color="#D5D5D5"> <a href="page1.phpl" class="tditem"> Item 1</a></font></b></td> <td width="1" align="center">|</td> <td onmouseover="bgColor='blue'" onClick="window.location='page2.phpl'" style="cursor:hand" onmouseout="bgColor='#FFFFFF'" bgcolor="#376B99" width="100" align="center" valign="center"><b><font color="#D5D5D5"> <a href="page2.phpl" class="tditem"> Item 2</a></font></b></td> <td width="1" align="center">|</td> <td onmouseover="bgColor='blue'" onClick="window.location='page3.phpl'" style="cursor:hand" onmouseout="bgColor='#FFFFFF'" bgcolor="#376B99" width="100" align="center" valign="center"><b><font color="#D5D5D5"> <a href="page3.phpl" class="tditem"> Item 3</a></font></b></td> </tr> </table> </center> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://websiteknowledge.net/jscodes.php">Free JavaScripts</a></font> </center><p>

Free JavaScripts

Web Designing Made Easy	Add to Favourites	Tell a Friend
Web Designing Made Easy	Print this Page	Make Your Home Page