请教，如何制作这种效果？？里面详细

sy_binbin,你好，能否介绍一下Navigator对象？主要用来干嘛的？谢谢了！！
还问一下你哦，如何才能保证，页面在ie和firefox里显示都没问题，我做的页面，在firefox里老出问题，都是js不起作用，然后页面变形。

navigator是一个独立的对象，他用于提供用户所使用的浏览器以及操作系统等信息，以navigator对象属性的形式来提供。
--------------------------------------------------------------------------------属性名称　　　　　　　兼容性　　　　　　　　　返回内容appCodeName 　　javaScript 1.0           　　　　与浏览器相关的内部代码名appMinorVersion           IE4及其后续的版本　         辅版本号（通常应用于浏览器的补丁或服务包）appName                      javaScript 1.0                              浏览器的正式名称appVersion                  javaScript 1.0                              浏览器的版本号cookieEnabled        ( IE4和NS6)及其后续版本                 返回用户浏览器是否启用了cookiecpuClass                       IE4及其后续的版本　返回用户计算机的cpu的型号，通常intel芯片返回"x86"language            NS4   及其后续的版本　　　　　       浏览器支持的语言mimeType　　javaScript 1.1                             浏览器支持的所有MIME类型的数组onLine               JScript 1.0　　　返回浏览器是否处于在线模式（IE4以上版本）opsProfile               N/A                                    未定义  oscpu               NS6 及其后续的版本　　   浏览器正在运行的操作系统，其中可能有CPU的信息platform         javaScript 1.2                      浏览器正在运行的操作系统平台，包括Win16(windows3.x)
                                                                     Win32(windows98,Me,NT,2000,xp),Mac68K(Macintosh 680x0)
                                                                     和ＭacPPC(Macintosh PowerPC)
plugins                 javaScript 1.1                             安装在浏览器上的所有插件的数组product           NS6 及其后续的版本　        　   浏览器的产品名productSub       NS6 及其后续的版本　             关于浏览器更多信息securityPolicy       NS64及其后续的版本　        浏览器支持的加密类型systemLanguage     IE4及其后续的版本　         用户操作系统支持的默认语言userAgent             javaScript 1.0                             包含以下属性中所有或一部分的字符串：appCodeName,
                                                                                                                                             appName,appVersion,language,platform
userLanguage        IE4及其后续的版本　             用户在自己的操作系统上设置的语言userProfile           NS6 及其后续的版本　              返回一个UserProfile对象，它存储用户的个人信息vender            NS6 及其后续的版本　                   浏览器厂商名称vendorSub      NS6 及其后续的版本　                  关于浏览器厂商更多的信息

sy_binbin,那样的话，新弹出的窗口不是单独的窗口，不能注册后台事件怎么办啊？我必须与后台交互的。再次麻烦，有没有更好的方法啊

<!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" xml:lang="zh-CN" lang="zh-CN">
<head>
  <meta name="verify-v1" content="P4T6fFCiPVxqMWZ2eztyXVzMHlnwD0wLQOq6LBHN5Y8=" />
  <title>新浪信息提示效果</title>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <meta http-equiv="Content-Language" content="gb2312" />
  <style type="text/CSS">
      *{
          margin:0;padding:0;
      }
  </style>
</head>
<body>

<div class="cecmbody" id="cecmpolicy" >
  <div class="leftClass">

  <input type="button" value="点击这里" onclick="ssAlert();" />
  </div>
  <div class="rightClass">
  </div>
</div>
    <script type="text/javascript" language="javascript">
//Author:Daviv
//Blog:http://blog.163.com/jxdawei
//Date:2006-10-27
//Email:[email protected]
function ssAlert()
{
stri="<form name=\"name1\">用户名：<input name=\"user\"><br>密码：<input name=\"pass\"></form>"
sAlert(stri);
}
   function sAlert(str){
   var msgw,msgh,bordercolor;
   msgw=400;//提示窗口的宽度
   msgh=100;//提示窗口的高度
   titleheight=25 //提示窗口标题高度
   bordercolor="#336699";//提示窗口的边框颜色
   titlecolor="#99CCFF";//提示窗口的标题颜色

   var sWidth,sHeight;
   sWidth=document.body.offsetWidth;
   sHeight=screen.height;
   var bgObj=document.createElement("div");
   bgObj.setAttribute('id','bgDiv');
   bgObj.style.position="absolute";
   bgObj.style.top="0";
   bgObj.style.background="#777";
   bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
   bgObj.style.opacity="0.6";
   bgObj.style.left="0";
   bgObj.style.width=sWidth + "px";
   bgObj.style.height=sHeight + "px";
   bgObj.style.zIndex = "10000";
   document.body.appendChild(bgObj);

   var msgObj=document.createElement("div")
   msgObj.setAttribute("id","msgDiv");
   msgObj.setAttribute("align","center");
   msgObj.style.background="white";
   msgObj.style.border="1px solid " + bordercolor;
      msgObj.style.position = "absolute";
            msgObj.style.left = "50%";
            msgObj.style.top = "50%";
            msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
            msgObj.style.marginLeft = "-200px" ;
            msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px";
            msgObj.style.width = msgw + "px";
            msgObj.style.height =msgh + "px";
            msgObj.style.textAlign = "center";
            msgObj.style.lineHeight ="25px";
            msgObj.style.zIndex = "10001";

     var title=document.createElement("h4");
     title.setAttribute("id","msgTitle");
     title.setAttribute("align","right");
     title.style.margin="0";
     title.style.padding="3px";
     title.style.background=bordercolor;
     title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
     title.style.opacity="0.75";
     title.style.border="1px solid " + bordercolor;
     title.style.height="18px";
     title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
     title.style.color="white";
     title.style.cursor="pointer";
     title.innerHTML="关闭";
     title.onclick=function(){
          document.body.removeChild(bgObj);
                document.getElementById("msgDiv").removeChild(title);
                document.body.removeChild(msgObj);
                }
     document.body.appendChild(msgObj);
     document.getElementById("msgDiv").appendChild(title);
     var txt=document.createElement("p");
     txt.style.margin="1em 0"
     txt.setAttribute("id","msgTxt");
     txt.innerHTML=str;
           document.getElementById("msgDiv").appendChild(txt);
            }
  </script>
</body>
</html>
我剽窃的！！！不用给分！！大家一块玩吧！

是的，可大层上面还得有个.aspx页面，即让用户数据密码和用户名，点击登陆按钮，登陆

楼主考虑用一个大层,z-index最高,不可用
然后弹出窗口的z-index比层要高

调试易

请教，如何制作这种效果？？里面详细

解决方案 »