Link Mouse-Over

**davet** · Sep 23, 2003 20:27

How do I create the mouse-over effect on links? For example, look at the left toolbar links at http://office.microsoft.com/home/

The menu looks like just text links, but are underlined when you move your mouse over them.

How do I accomplish this effect?

**Tygger2512** · Sep 23, 2003 20:48

http://www.w3.org/TR/REC-CSS2/select...pseudo-classes gives you details on CSS pseudo-classes.

The shortcut answer is:

Code:

a:hover {text-decoration: underline}

Andy.

**eRIKA** · Sep 23, 2003 23:27

You can also try out this.

I have made a code for you. Hope it's helpful for you !

Code:

 
<html>
<head>
<style type="text/css">
a  {
   text-decoration:none; 
 }
a:hover {
   text-decoration:underline;
 }
</style>
</head>
<body>
<a href="#">Change the effect</a>
</body>
</html>

**davet** · Sep 24, 2003 00:26

Originally Posted by eRIKA

You can also try out this.

I have made a code for you. Hope it's helpful for you !

Code:

 
<html>
<head>
<style type="text/css">
a  {
   text-decoration:none; 
 }
a:hover {
   text-decoration:underline;
 }
</style>
</head>
<body>
<a href="#">Change the effect</a>
</body>
</html>

thank you thank you =)

User Tag List

Thread: Link Mouse-Over

Thread Tools

Display

Link Mouse-Over

Bookmarks

Bookmarks

Posting Permissions