By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,747 Members | 1,389 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,747 IT Pros & Developers. It's quick & easy.

Want to expand text with onmouseover but with a delay

P: n/a
Ian
I'm wondering if someone can tell me what the best way to do this would
be. I have a web page with a table which has some text in and I want
the text size to be automatically enlarged when the user places the
mouse pointer over it but only after a delay of say a second or two.

I did manage to find the following:

<style type="text/css">
<!-- .roll { font-family:Arial; font-size:14t;

font-style:normal; font-weight:normal; letter-spacing:normal;

text-decoration:none; text-transform:none; color:#8b0000; }

A.roll:hover { font-family:Serif; font-size:26pt; font-style:oblique;

font-weight:bold; letter-spacing:normal; text-decoration:none;

text-transform:none; color:NAVY; }--></style>
but its unusable as its virtually impossible to move from one row to the
next in the table as the second you hover over a cell the text expands
and pushes you away from the next cell above or below. It would however
be ok if it could be delayed for one or two seconds before takiing
effect. Is there any way of achieving this either with the code above
or possibly a better way altogether ?

Thanks in advance for any help.

Jul 23 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
Ian,
This works in MSIE:
setup a css class with name 'bigtext' and set the text to your desired
font-size.
-------------------------------------------------
<table id="mytable" border="3" width="50%"
onMouseover=setTimeout("document.getElementById('m ytable').className='bigt
ext'",2000)>
<tr><td>item1</td></tr>
<tr><td>item2</td></tr>
<tr><td>item3</td></tr>
</table>
Jul 23 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.