|
|
Posted by Jonathan N. Little on 10/23/01 11:28
typingcat@gmail.com wrote:
> http://www.mozilla.org/products/firefox/
>
> At the top of the page there are several tabs (products, support, store
> and so on). I viewed the source and those was only a simple list like:
> <ul>
> <li>Products</li>
> <li>Support</li>
> .....
> </ul>
> The tab for current page turn white. But I don't know how this is
> implemented. First, it isn't Javascript. I disabled Javascript and it
> still worked. Second, no source difference. The tabs' sources for
> products and support page were the same. Does anyone know about this?
>
<snip code>
Yes, it CSS not JavaScript. Uses a background image with the highlight
and non-highlighted tabs depicted and with pseudo class :hover just
shifts the background image to show the highlight part. You can you two
images but with the image position method you don't have a delay on the
first hover as 'hover' image is downloaded.
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|