I'm trying to come up with a technique for expanding text when you hover over it. I built a real quick and dirty demo to help explain the affect I'm trying to achieve:
http://imlocking.com/projects/zoom_text.html So, in the list of times, I'd like to make them "pop" when you hover over. Of course, it would be easy to change the style of the element directly but then the list would move which I'm trying to avoid. What I'm doing now is creating a hidden positionable container that moves to the correct location and shows a copy of the hovered element (with a different style applied). It works but I've noticed on an actual page with other content, the performance can get horrendous. Safari is blazing fast. Both Firefox and IE can both go up to 100% CPU usage. All the code (HTML/CSS/JS) is inline. So, please take a look and let me know if there's a better more efficient way to do this. Any suggestions, tips, comments, etc. are welcome. Another alternative we've tried is putting hidden spans in the page that show up on hover (requires little-to-no scripting) but it ends up marking the markup unnecessarily large. Many thanks, victor
