鼠标文字显示特效,当鼠标移动到文字上面时,显示预订的内容

运行效果:鼠标文字显示特效

代码如下:

<a href=# onmouseover = popup('测试数据内容','green'); onmouseout=kill();>测试</a>

<div id=dek class=dek></div>

<script type=text/javascript>

xoffset=-60;

yoffset= 20;

var nav,old,iex=(document.all),yyy=-1000;

if(navigator.appname==netscape){(document.layers)?nav=true:old=true;}

if(!old){

var skn=(nav)?document.dek:dek.style;

if(nav)document.captureevents(event.mousemove);

document.onmousemove=get_mouse;

}

function popup(msg,bak){

var content=<table border=0 bgcolor='red' cellpadding='3' cellspacing='1' ><td nowrap +

bgcolor=+bak+ align=left class=novdn>+ +msg+ +</td></table>;

if(old){alert(msg);return;}

else{yyy=yoffset;

if(nav){skn.document.write(content);skn.document.close();skn.visibility=visible}

if(iex){document.all(dek).innerhtml=content;skn.visibility=visible}

}

}

function get_mouse(e){

var x=(nav)?e.pagex:event.x+document.body.scrollleft;skn.left=x+xoffset+50;

var y=(nav)?e.pagey:event.y+document.body.scrolltop;skn.top=y+yyy;

}

function kill(){

if(!old){yyy=-1000;skn.visibility=hidden;}

}

</script>