Forum Moderators: open

Message Too Old, No Replies

need a javascript code

mouse over link text

         

AceAll

11:31 pm on May 29, 2005 (gmt 0)

10+ Year Member



i need a a mouse over effect script for my web page .
it should show to "small window"(not a popup window) when the mouse is run over.

for example :
it should show the meaning of the word when the mouse is moved over a particular word on my webpage.

birdbrain

10:35 am on May 30, 2005 (gmt 0)



Hi there AceAll,

have you considered using the title attribute?

example


He fell down a <span title="nearly vertical shaft in a glacier, formed by surface water percolating through a crack">moulin</span>

birdbrain

Rambo Tribble

1:46 pm on May 30, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Another approach is to use CSS. Note that the text-indent property set on the a:hover is to overcome an IE bug (with fondest regards to SuzyUK).


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
a{display:block;position:relative;}
a span{position:absolute;display:block;visibility:hidden;top:1.2em;left:4em;border:3px groove;background:#dee;}
a:hover{text-indent:0;}
a:hover span{display:block;visibility:visible;}
</style>
</head>
<body>
<p>
<a href="#">
Text to mouseover
<span>popup</span>
</a>
</p>
</body>
</html>

httpwebwitch

7:30 am on Jun 1, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



you might be looking for these [bosrup.com]