MouseOver Cell Color Changes - Example #1
|
||
| Above is an example of Ozzu-style cell color mouseover changes. Very simple. When you move your mouse over each of the above 2 cells, there is an immediate color change, unlike my "fading" color change effect (indicated in the next example below). There is no special scripting needed for the above. All that is needed are onMouseOver and onMouseOut functions called for in each table cell, along with css styling for the cursor and background color change.
Here is the table code for the above example:
Simply change the hex color values in the above code to suit your needs. |
||
MouseOver Cell Color Changes - Example #2
|
||
| Above is an example of my Nunzio-style cell color mouseover changes. Unlike the Ozzu style, when you move your mouse over each of the above 2 cells, there is no immediate color change, but rather a really neat "fading" color change effect. Unlike the first example, you must first include this javascript within your <head></head> tags (you may also include it within an external js file if you prefer)... Here is the javascript for the above example:
Simply change the hex color values in the above code to suit your needs.
Here is the table code for the above example:
Simply change the hex color values in the above code to suit your needs. |