Mouseover Code for Text

[shirleyh]

Can someone please direct me to code (freeware?) I can use to create a simple mouseover for text, not graphics.

I've looked around in the various forums and can't seem to locate exactly what I need.

Thanks in advance for any help you can provide.

Regards,
Shirley

[WebKat]

Not quite sure of the text/mouseover effect that you want but WSAbstract has great scripts, including this one...

<BLOCKQUOTE><font size="1" face="Verdana, Arial">quote/font><HR>"to add a highlight effect to any link, with the highlight color for each link fully customizable. Great way to add emphasis to particular links on your site! Updated to work in NS 6 too!"

http://wsabstract.com/script/script2/highlight.shtml <HR></BLOCKQUOTE>



------------------
Dlynn ~SitePoint Moderator~
PawPrint Designs by WebKat
"Let's keep Ethics on the Web"

[Ace Nova]

Ok look at this html code, it highlights text
(Note To Moderators: Even though this links to my site it is just an example)

&lt;style&gt;
A:hover{color:red}
&lt;/style&gt;
&lt;a href="http://www.supernovanetworks.com/"&gt;Click Here To Goto My Site&lt;/a&gt;

This will highlight any links, if you want a different color for highlighting the links,
change where it says:
{color:red}

I'm not sure if it works on lower versions of browsers.

Have A Nice Day

------------------
Webmaster
www.supernovanetworks.com

[Nicky]

No it doesn't because the hover command was initially only supported by IE.

------------------
www.gib-online.com
The Rock of Gibraltar on the WEB
www.urban-studios.com
...for all your IT solutions

[wdmny]

&lt;a href="page.htm" onMouseover="this.style.color='#000000';" onMouseout="this.style.color='blue';"&gt;

------------------
Wes
wes@demoney.net
http://www.demoney.com/www
http://www.600webstudios.com

[DynaMike]

Try looking into CSS and DHTML. That's what SuperNovaNetworks.com suggested. It works for IE 4.0+ but isn't supported by Netscape 4.7, maybe 6.0 but I'm not sure.

Mike

------------------
Street Bikers United - protecting the rights of motorcyclists worldwide.
Cosmic Custom Airbrush - Hawaii's premier airbrush studio.
New Life Community Church - Your Christian online community

[Ace Nova]

DHTML is supported by MSIE 4.0 and NS 4.0, although MSIE is way ahead at using it than NS.

------------------
Have A Nice Day
Webmaster
webmaster@supernovanetworks.com
http://www.supernovanetworks.com

[shirleyh]

Thank you so much for taking the time to reply. I'm sorry I didn't provide enough info. (I'm fairly new at this.)

This is what I need the mouseover to do:
When you cursor passes over a linked URL, display text in the mouseover. I need to display a sentence or two of what is contained in the article. I do not need any color changes or visual effects, just text to display in the mouseover box. I know this can be done with &lt;IMG&gt; and "alt="coding, but I can't seem to do it with only an &lt;A HREF&gt; code.

Can you still point me in the right direction for help?

Many thanks.

Shirley

<BLOCKQUOTE><font size="1" face="Verdana, Arial">quote/font><HR>Originally posted by WebKat:
Not quite sure of the text/mouseover effect that you want but WSAbstract has great scripts, including this one...


<HR></BLOCKQUOTE>

[Hierophant]

There are scripts to do exactly what you want located at Dynamic Drive.

------------------
Wayne Luke - Sitepoint Forums Administrator
Digital Magician Magazine - MetaQuark Creations (Coming Soon)
sitepoint@digitalmagician.com

[BigNothing]

The feature you want can be found at:
http://www.dynamicdrive.com/dynamici...o2.htm?feature

Best regards
Big Nothing

[aspen]

Ya you want to use overlib.
www.bosrup.com/web/overlib/

Chris

[shirleyh]

Many thanks! One more quick question, if you don't mind.

I already have the following STYLE code in place:
&lt;STYLE TYPE="text/css"&gt;&gt;
&lt;!--
.link1:link{COLOR: #663300; TEXT-DECORATION: underline}
.link1:visited{COLOR: #663300}
.link1:active{COLOR: #663300}
--&gt;

&lt;/STYLE&gt;

Can I add the add'l STYLE coding (for pop-up text) before &lt;/STYLE&gt;? Or will one override the other?

Thanks again for your help and knowledge!

Regards,
Shirley

<BLOCKQUOTE><font size="1" face="Verdana, Arial">quote/font><HR>Originally posted by BigNothing:
The feature you want can be found at:
http://www.dynamicdrive.com/dynamici...o2.htm?feature

Best regards
Big Nothing<HR></BLOCKQUOTE>

[Hierophant]

They will only override if named exactly the same. If they are named the same just consolidate the two and separate each CSS tag by semi-colons.

------------------
Wayne Luke - Sitepoint Forums Administrator
Digital Magician Magazine - MetaQuark Creations (Coming Soon)
sitepoint@digitalmagician.com