PDA

View Full Version : how do i make text bold on mouse over


jmpearson2001
09-04-2006, 02:36 PM
how do i make text bold on mouse over?:confused:

Master_Elf
09-04-2006, 08:02 PM
Hi. Using Frontpage... you can right click on the page and select "Page properties".
- from there, go to "background tab"
- highlight "Enable hyperlink rollover effects"
- pick a style... "Rollover styles"
- Choose your style.
- select the colors you want to use for your rollover

Hope this helps.
Master_Elf

mburt
09-04-2006, 08:45 PM
Err... No. That's not good. FrontPage tends to use functions that are already embedded functions in JavaScript.

Example:

For a mouseover frontpage might have:
function MouseOver() {...

which in reality could be a simple event handler.

So. If you want to make text bold onmouseover, use event handlers.

Example:
<p onmouseover="style.fontWeight = 'bold'" onmouseout="style.fontWeight = 'normal'">This is some text</p>

Twey
09-04-2006, 08:47 PM
It should be noted, however, that this is rarely a good idea, since it will make your text move.

mburt
09-04-2006, 08:50 PM
Yes. Bolding isn't an efficient hover idea. Don't try changing the font size either, it'll make it look messy on different browsers (not necessarily browsers, as much as it is the user's browser settings).

jmpearson2001
09-04-2006, 11:08 PM
what about strikethrough, underlined, and italisized?

Twey
09-05-2006, 12:58 AM
Underlining is fine. Italics are probably OK. I'd guess that strikethrough has no effect on the text width, but I can't be sure because I've never tried it (since it may make the text unreadable to some people, I don't consider it a very good idea).

mburt
09-05-2006, 01:02 AM
Changing the background color is a good way to do hovers too.

jmpearson2001
09-05-2006, 08:50 PM
i mean i want to strikethrough, underlined, and italisized but how?

mburt
09-09-2006, 06:13 PM
Here's strike-through:
<span onmouseover="style.textDecoration = 'line-through'" onmouseout="style.textDecoration = 'none'">test</span>


Underline:
<span onmouseover="style.textDecoration = 'underline'" onmouseout="style.textDecoration = 'none'">test</span>


Italisized:
<span onmouseover="style.fontStyle = 'italic'" onmouseout="style.fontStyle = 'none'">test</span>