发一个简单的效果，就看你怎么用了 提示菜单效果
提示菜单效果，提示层效果，可以做菜单[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
#MessagePanel {
position:absolute;
left:373px;
top:29px;
width:388px;
height:213px;
z-index:1;
background-color: #79CAFF;
border: 3px solid #000000;
display:none;
}
-->
</style>
<script type="text/javascript">
//显示 操作请求的操作对像
function MessagePanelOperAtion()
{
//当前是不是可以关闭
//如果鼠标在层上将不会关闭
this.CanClose = true;
//当前 exTimeClose 是不是正在执行
this.IsexTimeCloseRuning = false;
//显示操作 div
//参数 objid 操作对像的 div 的id
this.show=function(objid)
{
document.getElementById(objid).style.display='block';
//当显示时不能关闭
this.CanClose=false;
}
//不显示操作 div
//参数 objid 操作对像的 div 的id
this.hidden =function(objid)
{
//设定当前是可以关闭的
this.CanClose=true;
//关闭对像
if(this.CanClose)
{
document.getElementById(objid).style.display='none';
}
}
//在一定的时间内关闭
this.exTimeClose = function(objid)
{
//设定当前是可以关闭的
this.CanClose=true;
//当前的执行状态不正在执行
if(!this.IsexTimeCloseRuning)
{
//设定当前是正在执行的
this.IsexTimeCloseRuning = true;
//在1秒内关闭 messagePanelOper.IsexTimeCloseRuning=false; //将当前状态改为没有执行
setTimeout("messagePanelOper.IsexTimeCloseRuning=false;if(messagePanelOper.CanClose){messagePanelOper.hidden('"+objid+"');}" ,1000);
}
}
}
var messagePanelOper = new MessagePanelOperAtion();
</script>
</head>
<body>
<div id="MessagePanel" onmouseout="messagePanelOper.exTimeClose('MessagePanel');"
onmouseover=" messagePanelOper.show('MessagePanel');"
onmousedown="messagePanelOper.show('MessagePanel');"
onmouseup="messagePanelOper.show('MessagePanel');"
>只要 mouse 在这里我就不会不见</div>
<div
onmouseover=" messagePanelOper.show('MessagePanel');"
onmousedown="messagePanelOper.show('MessagePanel');"
onmouseup="messagePanelOper.show('MessagePanel');"
onmouseout="messagePanelOper.exTimeClose('MessagePanel');"
>显示菜单 要 mouse 在这里 它就不会不见</div>
</body>
</html>[/html]
[[i] 本帖最后由 skybot 于 2008-8-29 13:00 编辑 [/i]] 看不明白什么效果:confused:
页:
[1]