CSSPLAY

CSS DEMOS › HTML+TIME background hover color change

Date : 20th September 2010

For all modern browsers

For all browsers including IE5.5 and IE6

• Firefox

  Get Firefox with Google Toolbar

  The award-winning Web browser just got better. It's free and easy to use. Join the millions of people worldwide enjoying a better Web experience.
  Download Firefox - Free

  
• Opera

  Your life at your fingertips

  Try Speed Dial™ in Opera's newest Web browser, Opera 9.20. It makes the fastest even faster.
  Download Opera for Windows

  
• Explorer

  Get Internet Explorer 9 beta for your operating system

  Upgrade with confidence. Get downloads for Internet Explorer 9 beta, including recommended updates as they become available.
  Internet Explorer 9 beta Download

  

Information

This is as update on the previous menu that uses HTML+TIME to enable IE5.5 and IE6 to produce a background color change on hover without needing to use conditonal comments or tables within the code.

The IE5.5 and IE6 can also be moved into the main stylesheet if you wish.

This does require adding a new xmnls declaration - xmlns:time="urn:schemas-microsoft-com:time" and the style .time {behavior:url(#default#time2)}

The implementation is then as the code <li id="one" class="time" BEGIN="one.mouseenter" END="one.mouseleave" TIMEACTION="class:backColorOne">

Copyright

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

1. If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
   A support donation is now required for this demonstration.
2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at}cssplay.co.uk and again a support donation is required.
3. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.