鼠標文字顯示特效,當鼠標移動到文字上面時,顯示預訂的內(nèi)容

運行效果:鼠標文字顯示特效

代碼如下:

<a href=# onmouseover = popup('測試數(shù)據(jù)內(nèi)容','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>