页面中随鼠标提示可能用到的东东

<style type="text/css">
.dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
</style>

使用函数

<script type="text/javascript">

Xoffset=60;    // modify these values to ...
Yoffset= 0;    // change the popup position.

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){
if(msg=='null')
{
var content="<TABLE  WIDTH=120 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
"BGCOLOR="+bak+"><TD ALIGN=center><span class=style1>没有更多提示信息!</span></TD></TABLE>";
}else
{
var content="<TABLE  WIDTH=120 BORDER=1 BORDERCOLOR=black CELLPADDING=2 CELLSPACING=0 "+
"BGCOLOR="+bak+"><TD ALIGN=center><span class=style1>"+msg+"</span></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;
var y=(nav)?e.pageY:event.y+document.body.scrollTop;skn.top=y+yyy;
}

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

 

 

</script>

=======================

用的时候加上个onMouseOver="popup('要显示的提示信息','要显示的颜色');" 

如<input type="button" onMouseOver="popup('没消息啦,不要看','lightyellow);" />

 070330ps: css的顺序是有关系的,如果两个定义了同名的css,那么同时被引用的效果就是后一个有效的。

070424ps:少贴了一段,补上完整的,old等变量是判断浏览器类型的。

« 上一篇 | 下一篇 »

2条记录访客评论

思路不错,学习
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"}
}
这段是判断浏览器吗?old/nav/iex各代表什么?

Post by xiaoyear on 2007, April 11, 3:23 PM 引用此文发表评论 #1

是判断浏览器类型的,原先少贴了一段。小Y可以看下现在的代码

Post by ╰☆往事如风 on 2007, April 24, 10:52 AM 引用此文发表评论 #2


发表评论

评论内容 (必填):