Mobile Friendly Website

CSSPLAY

Doing it with style

CSS DEMOSHTML+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

    Mozilla Firefox
  • 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

    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

    Internet Explorer 9 beta



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">


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.

Support CSSPLAY

Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


For more CSS demonstrations
I recommend that you visit the Dynamic Drive CSS Library.


Free, practical CSS menus, layouts, and examples


CUSTOM SEARCH

Facebook Twitter rss feed Facebook Fan Page