if you want to see it in action, just put your mouse over the little question mark image below. hopefully that works for you. if you have a better script please tell me
here is the code i use to make this happen:
Javascript Code:
here is the code:
<div class="code"><script type="text/javascript">
function ShowText(id) {
document.getElementById(id).style.display = 'block';
}
function HideText(id) {
document.getElementById(id).style.display = 'none';
}
</script>
<style type="text/css">
<!--
.box {
background-color: #504D6F;
border: 1px solid #FFF;
height: 100px;
width: 200px;
padding: 5px;
}
-->
</style>
<span onmouseover="ShowText('answer1'); return false;" >
<img src="http://www.wallpaperama.com/forums/post-images/20081107_6718_question-mark.gif"></span>
<span id="answer1" class="box" onMouseOut="HideText('answer1'); return false;" style="display:none">You can find good wallpapers at wallpaperama.com plus stuff to get your wallpaper website going</span></p> </div>
<div class="code"><script type="text/javascript">
function ShowText(id) {
document.getElementById(id).style.display = 'block';
}
function HideText(id) {
document.getElementById(id).style.display = 'none';
}
</script>
<style type="text/css">
<!--
.box {
background-color: #504D6F;
border: 1px solid #FFF;
height: 100px;
width: 200px;
padding: 5px;
}
-->
</style>
<span onmouseover="ShowText('answer1'); return false;" >
<img src="http://www.wallpaperama.com/forums/post-images/20081107_6718_question-mark.gif"></span>
<span id="answer1" class="box" onMouseOut="HideText('answer1'); return false;" style="display:none">You can find good wallpapers at wallpaperama.com plus stuff to get your wallpaper website going</span></p> </div>
DEMO
Put your mouse on this little image:
