Shoutbox

JavaScript and Mouse overs... hmmm.... - Printable Version

-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Skype & Technology (/forumdisplay.php?fid=9)
+---- Forum: Tech Talk (/forumdisplay.php?fid=17)
+----- Thread: JavaScript and Mouse overs... hmmm.... (/showthread.php?tid=50582)

JavaScript and Mouse overs... hmmm.... by stoshrocket on 09-16-2005 at 08:20 PM

Ok, heres the problem guys an gals. I am creating (another) website and want to make it so that say when i mouse over the links area the links area becomes outlined and the title 'links' goes bold, how would i do this?? im using divs in the page.... is this possible??


RE: JavaScript and Mouse overs... hmmm.... by Ezra on 09-16-2005 at 08:25 PM

you can do that with onmousover, google for it ;)


RE: JavaScript and Mouse overs... hmmm.... by absorbation on 09-16-2005 at 08:26 PM

in the css

a{color:#EAEAEA; font:11px verdana; text-decoration:none;}

a:visited{color:#EAEAEA; font:11px verdana; text-decoration:none;}

a:hover{color:#FFFFFF; font:11px verdana; text-decoration:underline;}

just use the underline bit and chnage the rest to what you want ;)


RE: JavaScript and Mouse overs... hmmm.... by stoshrocket on 09-16-2005 at 08:32 PM

quote:
you can do that with onmousover, google for it
yes but that implies i have to learn js, im sure its justa  simple command and this doesnt tell you the simple command, it means i have to learn JS and i dont have that much time.....
quote:
in the css

a{color:#EAEAEA; font:11px verdana; text-decoration:none;}

a:visited{color:#EAEAEA; font:11px verdana; text-decoration:none;}

a:hover{color:#FFFFFF; font:11px verdana; text-decoration:underline;}

just use the underline bit and chnage the rest to what you want

This is for changin the look of txt links which i know how to do already, im looking for something that changes like on the following site.... http://mooodi.net/ just mouse over the area and see the outline appear, i want this ina simple command that i can put in an external style sheet please
RE: JavaScript and Mouse overs... hmmm.... by L. Coyote on 09-16-2005 at 08:41 PM

Well, looking into the source of that site, I see it simply uses a hover CSS bit in the menu DIV.

HTML:

code:
<div id="herehovers">
<a href="/index.htm">Index</a>
</div>

CSS:
code:
#herehovers {
/* how the normal things look */
}

#herehovers:hover {
/* how it looks when the mouse is over */
}

RE: JavaScript and Mouse overs... hmmm.... by Eljay on 09-16-2005 at 08:41 PM

you use :hover on the div that the menu is in but this only works in firefox and opera i think, cos IE sux. :P


RE: JavaScript and Mouse overs... hmmm.... by stoshrocket on 09-16-2005 at 08:45 PM

way!!! thnx man