div 弹出窗

<html>
<head>
<script type="text/javascript" src="jquery-1.1.3.1.js"></script>
<link type="text/css" href="style.css" rel="stylesheet" />
</head>
<body>
<script language="javascript">
function messagebox(megstr)
{
//显示弹出框
var str="";
str += "<div id=\"div1\">";
str += "<div id=\"div2\"/>";
str += "<div id=\"toptitle\"/>";
str +=    "<div id=\"tishi\" title=\"标题\">系统提示</div>";
str +=        "<div id=\"closea\"><img src=\"delete.gif\" id=\"delimg\" onclick=\"closemsg()\" title=\"关闭\"/></div>";
str += "</div>";
str +=   "<div id=\"middle\">";
str +=    "<div class=\"text\">信 息 提 示</div>";
str +=        "<div id=\"content\"></div>";
str +=    "</div>";
str +=    "<div class=\"closebutton\">";
str +=    "<input type=button value=\"确 定\" id=\"ok\" class=\"alertbutton\" onclick=\"closemsg()\"/></div>";
str +=    "<div class=\"foot\"><img src=\"cue_footer.gif\" /></div>";
str += "</div>";
str +="</div>";
document.write(str);
//获取浏览器的可用工作范围的高
//$("#div1").height(document.documentElement.offsetHeight);
//给右上角的关闭图片加一个放大缩小的效果
//第一个function是当鼠标放上的效果，第二个function是鼠标移出后的效果。类似于onmouseover和onmouseout
$("#delimg").hover(function(){$("#delimg").css({width:"15px",height:"15px",cursor:"pointer"});},function(){$("#delimg").css({width:"12px",height:"12px"});});
//将提示信息置入对话框内
if(megstr!=null || megstr != "")
{
   $("#content").append(megstr);
}
else
{
   $("#content").append("未知错误");
}
}

//关闭对话框
function closemsg()
{
$("#div1").fadeOut("slow");
}

//隐藏下拉框，以解决下拉框优先度太高的问题， 
function _displaySelect(){
    var selects=$("select");//整个页面的所有下拉框
    for(var i=0;i<selects.length;i++)
    {
        if(selects[i].style.visibility)
{
            selects[i].style.visibility="";
        }
else
{
            selects[i].style.visibility="hidden";
        }
    }
}
messagebox("用户名或者密码错误，请您重新填写！！");
</script>
</body>
</html>
posted @ 2007-11-18 10:32  blueKnight  Views(557)  Comments(1)    收藏  举报