求鼠标经过文字显示文本框的代码

来源：百度知道 编辑：UC知道 时间：2024/05/27 16:54:42
发帖或写日志时，鼠标经过文字能显示像“谷歌翻译”提示内容的效果：
鼠标经过前：http://lh4.ggpht.com/_wuKJqZ8sgfo/SXtelD4IQUI/AAAAAAAAACQ/ubDnkZMRwro/s512/%E6%8F%90%E7%A4%BA%E5%89%8D.JPG
鼠标经过时：http://lh5.ggpht.com/_wuKJqZ8sgfo/SXtekxXufAI/AAAAAAAAACI/cWFgVz4GjJA/s512/%E6%8F%90%E7%A4%BA.JPG
弹出的文本框里的内容是我事先编辑好的，要能够设置字体，颜色等。

问题的是弹出的文本框里的内容是可以事先编辑好的，要能够设置字体，颜色等。

<script>
<!--设置在页面上鼠标经过得事件为quickalt-->
document.body.onmousemove=quickalt;
<!--显示提示框方法,这个方法能让alt提示立即出现，而不是停留一段时间-->
function quickalt() {
if (event.srcElement.hint)
{
event.srcElement.alt=event.srcElement.hint;
}
if(event.srcElement.alt) {
if(event.srcElement.alt!='')
{
event.srcElement.hint=event.srcElement.alt;
altlayer.style.visibility='visible';
altlayer.style.left=event.x-1;
altlayer.style.top=event.y+20;
alttext.innerHTML=event.srcElement.hint
event.srcElement.alt="";
}
}
else altlayer.style.visibility='hidden';}
</script>

以下是用于显示提示得div
<div style="position:absolute;visibility:hidden" id="altlayer">
<table id="divtb" border="0" cellspacing="0" cellpadding="0">
<