Adding ">" to a link on mouseover

[eWish]

I am wanting to add ">" to a link when on mouseover. Does anyone have any suggestions? I am not wanting to use an image.

Thanks for your help.

[IanMarlowe]

I am wanting to add ">" to a link when on mouseover


where did you see a link like that?

[ddadmin]

You should be able to use the following script: http://www.dynamicdrive.com/dynamicindex5/bulletlink.htm Just change the <img> tag to the desired text HTML instead.

[eWish]

ddadmin:

I thought about that as I laid in bed losing sleep. Thanks for your conformation.

IanMarlowe:

I have not seen it anywhere...I guess....I just wanted to use it.


Thanks
eWish

[lightning_html]

I thought I'd let you know you can do that effect far easier with CSS and make your pages backward compatiable with older browsers too.

Try this approach:


Put this in your head tags:

<style type="text/css">
<!--

#linkid, #linkid:visited
{
// Make your link look like whatever here
}

#linkid i
{
visibility : hidden;
}

#linkid:hover i
{
visibility : visible;
}
//-->
</style>



in your body code:


<a href="#" id="linkid">Your link text <i> > </i></a>


(To get the ">" in your link you need to use the right ascii code as leaving the ">" above will make your page not validate.)

This approach is much easier to update and also its completely reusable throughout all of your webpages.

Hope this helps.

[Twey]

Very true. Only one thing:
#linkid
You can't (validly) reuse an ID - each one must be unique. You must use a CSS class here instead.
And the > is &gt; .