What happened to the Messenger Plus! forums on msghelp.net?
Shoutbox » MsgHelp Archive » Skype & Technology » Tech Talk » JavaScript and Mouse overs... hmmm....

JavaScript and Mouse overs... hmmm....
Author: Message:
stoshrocket
Senior Member
****

Avatar
formerly methos

Posts: 748
Reputation: 31
33 / Male / Flag
Joined: Aug 2005
O.P. Undecided  JavaScript and Mouse overs... hmmm....
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??
formerly methos
09-16-2005 08:20 PM
Profile PM Web Find Quote Report
Ezra
Veteran Member
*****

Avatar
Forgiveness is between them and God

Posts: 1960
Reputation: 31
37 / Male / Flag
Joined: Mar 2003
RE: JavaScript and Mouse overs... hmmm....
you can do that with onmousover, google for it ;)

This post was edited on 09-16-2005 at 08:25 PM by Ezra.
[Image: 1-0.png]
             
09-16-2005 08:25 PM
Profile PM Web Find Quote Report
absorbation
Elite Member
*****

Avatar

Posts: 3636
Reputation: 81
– / Male / Flag
Joined: Feb 2005
RE: JavaScript and Mouse overs... hmmm....
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 post was edited on 09-16-2005 at 08:27 PM by absorbation.
09-16-2005 08:26 PM
Profile PM Find Quote Report
stoshrocket
Senior Member
****

Avatar
formerly methos

Posts: 748
Reputation: 31
33 / Male / Flag
Joined: Aug 2005
O.P. RE: JavaScript and Mouse overs... hmmm....
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
formerly methos
09-16-2005 08:32 PM
Profile PM Web Find Quote Report
L. Coyote
Senior Member
****

Avatar
Captain Obvious

Posts: 981
Reputation: 49
38 / Male / Flag
Joined: Aug 2004
Status: Away
RE: JavaScript and Mouse overs... hmmm....
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 */
}

Hack, hack, hack!
Finally became a Systems Analyst! :spam:

09-16-2005 08:41 PM
Profile PM Find Quote Report
Eljay
Elite Member
*****

Avatar
:O

Posts: 2949
Reputation: 77
– / Male / –
Joined: May 2004
RE: JavaScript and Mouse overs... hmmm....
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
09-16-2005 08:41 PM
Profile PM Find Quote Report
stoshrocket
Senior Member
****

Avatar
formerly methos

Posts: 748
Reputation: 31
33 / Male / Flag
Joined: Aug 2005
O.P. RE: JavaScript and Mouse overs... hmmm....
way!!! thnx man
formerly methos
09-16-2005 08:45 PM
Profile PM Web Find Quote Report
« Next Oldest Return to Top Next Newest »


Threaded Mode | Linear Mode
View a Printable Version
Send this Thread to a Friend
Subscribe | Add to Favorites
Rate This Thread:

Forum Jump:

Forum Rules:
You cannot post new threads
You cannot post replies
You cannot post attachments
You can edit your posts
HTML is Off
myCode is On
Smilies are On
[img] Code is On