如何实现弹出菜单，类似windows的开始菜单

第一步：把如下代码加入到<head>区域中<script>
bver=navigator.appVersion.split(";");
function totdstart(){
if(bver[1].match("5."))
rv=window.showModalDialog("../wydh/images/121/27-1.html",null,"dialogWidth:430px;dialogHeight:280px;center:1;scroll:0;help:0;status:0");
else
rv=window.showModalDialog("../wydh/images/121/27-1.html",null,"dialogWidth:430px;dialogHeight:300px;center:1;scroll:0;help:0");
nd= new Date();
nd.setTime (nd.getTime()+(365*24*60*60*1000));
cdomain = (location.domain) ? location.domain : null;
cpath = (location.domain) ? location.pathname : null;
if (rv!=0)
SetCookie ("totdc", "true", nd, cpath, cdomain);
}function totdinit(){
if (document.all){
if (GetCookie("totdc")!="true")
totdstart()
else
document.body.insertAdjacentHTML('beforeEnd','<Div Id="etotd" style="width:140;position:absolute;top:0;left:0;BACKGROUND-COLOR:#B71717;BORDER-BOTTOM:#5C0000 solid 2px;BORDER-LEFT:#FE5E5E solid 2px;BORDER-RIGHT:#5C0000 solid 2px;BORDER-TOP:#FE5E5E solid 2px;font-family:Arial;font-size:8pt;font-weight:bold;text-align:center;padding-top:2px;padding-bottom:2px;color:#FFFFFF;cursor:default" onclick="enable()" onmouseover="mover()" onmouseout="mout()">查看今日提示</Div>');
}
}function enable(){
DeleteCookie("totdc");
etotd.innerHTML="正在打开今日提示";
setTimeout('etotd.style.visibility="hidden";totdstart()',1000);
}function mover(){
etotd.style.borderLeftColor="#5C0000";
etotd.style.borderRightColor="#FE5E5E";
etotd.style.borderBottomColor="#FE5E5E";
etotd.style.borderTopColor="#5C0000";
etotd.style.paddingLeft="1px";
etotd.style.paddingTop="3px";
}function mout(){
etotd.style.borderLeftColor="#FE5E5E";
etotd.style.borderRightColor="#5C0000";
etotd.style.borderBottomColor="#5C0000";
etotd.style.borderTopColor="#FE5E5E";
etotd.style.paddingLeft="0px";
etotd.style.paddingTop="2px";
}//  Cookie Functions - Second Helping  (21-Jan-96)
//  Written by:  Bill Dortch, hIdaho Design <[email protected]>
//  The following functions are released to the public domain.function getCookieVal (offset) {
  var endstr = document.cookie.indexOf (";", offset);
  if (endstr == -1)
    endstr = document.cookie.length;
  return unescape(document.cookie.substring(offset, endstr));
}function GetCookie (name) {
  var arg = name + "=";
  var alen = arg.length;
  var clen = document.cookie.length;
  var i = 0;
  while (i < clen) {
    var j = i + alen;
    if (document.cookie.substring(i, j) == arg)
      return getCookieVal (j);
    i = document.cookie.indexOf(" ", i) + 1;
    if (i == 0) break;
  }
  return null;
}function SetCookie (name, value) {
  var argv = SetCookie.arguments;
  var argc = SetCookie.arguments.length;
  var expires = (argc > 2) ? argv[2] : null;
  var path = (argc > 3) ? argv[3] : null;
  var domain = (argc > 4) ? argv[4] : null;
  var secure = (argc > 4) ? argv[5] : false;
  document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain));
}function DeleteCookie(name){
exp=new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie ("name");
document.cookie = name + "=" + cval +"; expires=" + exp.toGMTString();
}
</script>
把：“onload=totdinit()”加在<body>标记里
例如：<body onload=totdinit()>
第三步：拷贝以下代码另存文件为27-1.html<HTML><HEAD><TITLE>今日提示</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<META content="MSHTML 5.00.2614.3500" name=GENERATOR></HEAD>
<BODY bgColor=#bfbfbf onload=dspltip()
style="FONT-FAMILY: Arial; FONT-SIZE: 10pt" text=#000000>
<DIV
style="BACKGROUND-COLOR: #808080; HEIGHT: 79%; LEFT: 10px; POSITION: absolute; TEXT-ALIGN: center; TOP: 10px; WIDTH: 58px"><IMG
border=0 height=31 src="totd.gif"
style="POSITION: relative; TOP: 18px" width=23><BR><SPAN id=cntr
style="COLOR: #fffff0; FONT-FAMILY: Arial; FONT-SIZE: 10pt; FONT-WEIGHT: bold; POSITION: relative; TOP: 140px"></SPAN></DIV>
<DIV
style="BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #808080 1px solid; BORDER-LEFT: #808080 1px solid; BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; HEIGHT: 79%; LEFT: 68px; POSITION: absolute; TOP: 10px; WIDTH: 346px"><BR>       <FONT
face="Times New Roman" size=+1><B>你知道吗？...</B></FONT>
<HR SIZE=1 style="POSITION: relative; TOP: 10px">
<SPAN id=mtxt
style="FONT-FAMILY: Arial; FONT-SIZE: 10pt; HEIGHT: 138px; OVERFLOW: auto; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 15px; POSITION: relative; TOP: 10px; WIDTH: 100%"></SPAN></DIV>
<DIV style="LEFT: 10px; POSITION: absolute; TOP: 222px; WIDTH: 100%"><INPUT
CHECKED id=dspl1 type=checkbox> <SPAN onclick=chgstatus()>启动时总是显示该信息</SPAN><INPUT onclick=ntip() style="BACKGROUND-COLOR: #bfbfbf; BORDER-BOTTOM: #ffffff 2px outset; BORDER-LEFT: #ffffff 2px outset; BORDER-RIGHT: #ffffff 2px outset; BORDER-TOP: #ffffff 2px outset; COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE: 9pt; LEFT: 113px; POSITION: relative; WIDTH: 70px" type=button value="下一条"><INPUT onclick=endf() style="BACKGROUND-COLOR: #bfbfbf; BORDER-BOTTOM: #ffffff 2px outset; BORDER-LEFT: #ffffff 2px outset; BORDER-RIGHT: #ffffff 2px outset; BORDER-TOP: #ffffff 2px outset; COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE: 9pt; LEFT: 123px; POSITION: relative; WIDTH: 70px" type=button value=关闭>
</DIV>
<SCRIPT>
todmsg=new Array();
todmsg[0]="欢迎您进入“Typhoon Start之JavaScript Fairyland”网站！站长typhoon在网页上开辟出这个地方，是为了能把本网站最新动态及时反馈给大家，请网友们日后注意，谢谢！"
todmsg[1]="非常不幸，今天发现万网的服务器被停掉了(没付钱，呵)。所以聊天室和BBS暂时不能开通了，不过typhoon会尽快找到合适的空间以满足大家的，还望知道哪有CGI存放空间的网友们能与我联系，谢谢了!"
todmsg[2]="今天已经开始正常的更新工作了。<font color=red>注:本站每日更新，不另行通知</font>"
todmsg[3]="今天是大年初一，我在这里祝大家在新的一年里万事顺心，合家欢乐!!!"
todmsg[4]="情人节，今天应该是最浪漫的日子了，typhoon祝天下有情人终成眷属！"
todmsg[5]="今天心情不错，因为总算找到地方可以放上聊天室啦！哈哈哈哈哈哈哈哈......"
todmsg[6]="今起开通网易镜像站 <font color=red> http://jsshow.yeah.net</font> 如果主力站无法正常浏览请别忘了我们还有镜像备份站。：)"
todmsg[7]="呵，很久没在这里留点什么了...　由于本人的邮件服务器至今还未能正常工作，所以网友们的来信请发往[email protected]。另外如果碰上jsshow.com域名无法解析时，各位别忘了用http://jsshow.yeah.net访问，谢谢!"
</SCRIPT><SCRIPT language=JavaScript>
cnt=0;
todmsg.sort(rndm)function rndm(a,b){
return (Math.random()-Math.random())
}function chgstatus(){
if (dspl1.checked)
dspl1.checked=false;
else
dspl1.checked=true;
}function dspltip(){
mtxt.innerHTML=todmsg[0]
cntr.innerHTML="1/"+todmsg.length
}function ntip(){
if (cnt<todmsg.length-1)
cnt++;
else
cnt=0;
mtxt.innerHTML=todmsg[cnt];
cntr.innerHTML=(cnt+1)+"/"+todmsg.length
}function endf(){
if (!dspl1.checked)
window.returnValue=1
else
window.returnValue=0
window.close();
}
</SCRIPT>
</BODY></HTML>

调试易

如何实现弹出菜单，类似windows的开始菜单

解决方案 »