||||| 0 I Like It! |||||

1、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0036)<a href="http://vip.5d.cn/flood/menu/drdc.htm" target="_blank">http://vip.5d.cn/flood/menu/drdc.htm</a> -->
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT>
var menus    = new Array();
var isShow   = new Boolean(); 
isShow=false;
var isdown   = new Boolean();
isdown=false;
var srcel; 
var fromel;  
var toel; 
var usestatus=false;
var thestatus="";
var popTimer = 0;
menucolor='#EEBF99';fontcolor='MenuText';menuoutcolor='#F3D5B8';menuincolor='#F8E8D6';menuoutbordercolor='#FCF3EF';menuinbordercolor='#000000';midoutcolor='#F2D0B5';midincolor='#9E7F66';menuovercolor='#E80005';menuunitwidth=160;menuitemwidth=160;menuheight=180;menuwidth='160';menuadjust=0;
menualign='center';leftchar='(无)';rightchar='(无)';fonts='font-family: 宋体; font-size: 9pt; color: MenuText; ';cursor='default';
var fadeSteps = 5;
var fademsec = 20;
var fadeArray = new Array();
function fade(el, fadeIn, steps, msec) {
 if (steps == null) steps = fadeSteps;
 if (msec == null) msec = fademsec;
 if (el.fadeIndex == null)
  el.fadeIndex = fadeArray.length;
 fadeArray[el.fadeIndex] = el;
 if (el.fadeStepNumber == null) {
  if (el.style.visibility == "hidden")
   el.fadeStepNumber = 0;
  else
   el.fadeStepNumber = steps;
  if (fadeIn)
   el.style.filter = "Alpha(Opacity=0)";
  else
   el.style.filter = "Alpha(Opacity=100)";
 }
 window.setTimeout("repeatFade(" + fadeIn + "," + el.fadeIndex + "," + steps + "," + msec + ")", msec);
}
function repeatFade(fadeIn, index, steps, msec) { 
 el = fadeArray[index];
 
 c = el.fadeStepNumber;
 if (el.fadeTimer != null)
  window.clearTimeout(el.fadeTimer);
 if ((c == 0) && (!fadeIn)) {
  el.style.visibility = "hidden";
  return;
 }
 else if ((c==steps) && (fadeIn)) {
  el.style.filter = "";
  el.style.visibility = "visible";
  return;
 }
 else {
  (fadeIn) ?  c++ : c--;
  el.style.visibility = "visible";
  el.style.filter = "Alpha(Opacity=" + 100*c/steps + ")";
  el.fadeStepNumber = c;
  el.fadeTimer = window.setTimeout("repeatFade(" + fadeIn + "," + index + "," + steps + "," + msec + ")", msec);
 }
}
function popOut() {
popTimer = setTimeout('allhide()', 1000);
}
function getReal(el, type, value) {
 temp = el;
 while ((temp != null) && (temp.tagName != "BODY")) {
  if (eval("temp." + type) == value) {
   el = temp;
   return el;
  }
  temp = temp.parentElement;
 }
 return el;
}
function MenuRegister(menu) 
{
  menus[menus.length] = menu
  return (menus.length - 1)
}
function MenuItem(caption,command,target,isline,statustxt){
 this.caption=caption;
 this.command=command;
 this.target=target;
 this.isline=isline;
 this.statustxt=statustxt;
}
function Menu(caption,command,target){
 this.items = new Array();
 this.caption=caption;
 this.command=command;
 this.target=target;
 this.id=MenuRegister(this);
}
function MenuAddItem(item)
{
  this.items[this.items.length] = item
  item.parent = this.id;
  this.children=true;
}
Menu.prototype.addItem = MenuAddItem;
function toout(src){
src.style.borderLeftColor=menuoutbordercolor;
src.style.borderRightColor=menuinbordercolor;
src.style.borderTopColor=menuoutbordercolor;
src.style.borderBottomColor=menuinbordercolor;
src.style.backgroundColor=menuoutcolor;
src.style.color=menuovercolor;
}
function toin(src){
src.style.borderLeftColor=menuinbordercolor;
src.style.borderRightColor=menuoutbordercolor;
src.style.borderTopColor=menuinbordercolor;
src.style.borderBottomColor=menuoutbordercolor;
src.style.backgroundColor=menuincolor;
src.style.color=menuovercolor;
}
function nochange(src){
src.style.borderLeftColor=menucolor;
src.style.borderRightColor=menucolor;
src.style.borderTopColor=menucolor;
src.style.borderBottomColor=menucolor;
src.style.backgroundColor=menucolor;
src.style.color=fontcolor;
}
function allhide(){
 for(var nummenu=0;nummenu<menus.length;nummenu++){
  var themenu=document.all['menu'+nummenu]
  var themenudiv=document.all['menudiv'+nummenu]
                nochange(themenu);
                menuhide(themenudiv);
                }
}
function menuhide(menuid){
fade(menuid,false,6);
isShow=false;
}
function menushow(menuid,pid){
menuid.style.left=menutable.offsetLeft+menuadjust+parseInt(menuwidth);menuid.style.top=menutable.offsetTop+pid.offsetTop;fade(menuid,true,6);
isShow=true;
}
function menu_over(menuid,x){
toEl = getReal(window.event.toElement, "className", "coolButton");
fromEl = getReal(window.event.fromElement, "className", "coolButton");
if (toEl == fromEl) return;
srcel = window.event.srcElement;
if(menus[x].command==""){
  allhide();
  toin(srcel);
  menushow(menuid,eval("menu"+x));
}else{
  isShow = false;
  allhide();
  toout(srcel);
}
clearTimeout(popTimer);
}
function menu_out(menuid){
toEl = getReal(window.event.toElement, "className", "coolButton");
fromEl = getReal(window.event.fromElement, "className", "coolButton");
if (toEl == fromEl) return; 
srcel = window.event.srcElement;
if (isShow){
toin(srcel);
}else{
nochange(srcel);
}
popOut()
}
function menu_down(menuid,x){
srcel = getReal(window.event.srcElement, "className", "coolButton");
if(menus[x].command==""){
  if(isShow){
  menuhide(menuid);
  toout(srcel);
  }
  else{
  toin(srcel);
  menushow(menuid,eval("menu"+x));
  isdown=true;
  }
}else{
  toin(srcel);
  isdown=true;
}
}
function menu_up(){
  isdown=false;
}
function menuitem_over(menuid){
srcel = getReal(window.event.srcElement, "className", "coolButton");
if(isdown){
 toin(srcel);
}
else{
toout(srcel);
}
if(thestatus!=""){
 usestatus=true;
 window.status=thestatus;
}
clearTimeout(popTimer);
}
function menuitem_out(menuid){
srcel = getReal(window.event.srcElement, "className", "coolButton");
nochange(srcel);
if(usestatus)window.status="";
popOut()
}
function menuitem_down(menuid){
srcel = getReal(window.event.srcElement, "className", "coolButton");
toin(srcel)
isdown=true;
}
function menuitem_up(menuid){
srcel = getReal(window.event.srcElement, "className", "coolButton");
toout(srcel)
isdown=false;
}
function exec2(x){
var cmd;
if(menus[x].target=="blank"){
  cmd = "window.open('"+menus[x].command+"')";
}else{
  cmd = menus[x].target+".location='"+menus[x].command+"'";
}
eval(cmd);
}
function exec(x,i){
var cmd;
if(menus[x].items[i].target=="blank"){
  cmd = "window.open('"+menus[x].items[i].command+"')";
}else{
  cmd = menus[x].items[i].target+".location='"+menus[x].items[i].command+"'";
}
eval(cmd);
}
function body_click(){
if (isShow){
 srcel = getReal(window.event.srcElement, "className", "coolButton");
 for(var x=0;x<=menus.length;x++){
  if(srcel.id=="menu"+x)
  return;
 }
 allhide();
}
}
document.onclick=body_click;
var MenuBodyRef;
function writetodocument(){
      var wb=1;
      for(var i in document.all){
              if (document.all[i].tagName == 'BODY'){
                     MenuBodyRef = document.all[i]
                     var stringx='<table id=menutable border=0 cellpadding=0 cellspacing=2 width='+menuwidth+' height='+menuheight+' bgcolor='+menucolor+
                     ' onselectstart="event.returnValue=false"'+
                     ' style="position:absolute;top=170;left=8;cursor:'+cursor+';'+fonts+
                     ' border-left: '+wb+'px solid '+menuoutbordercolor+';'+
                     ' border-right: '+wb+'px solid '+menuinbordercolor+'; '+
                     'border-top: '+wb+'px solid '+menuoutbordercolor+'; '+
                     'border-bottom: '+wb+'px solid '+menuinbordercolor+'; padding:0px"><tr>'
                     if(leftchar!="(无)")stringx+='<td width="100%" align="center">'+leftchar+'</td></tr><tr>'      
                     for(var x=0;x<menus.length;x++){
                      var thismenu=menus[x];
                      stringx += "<td class=coolButton id=menu"+x+" style='border: 1px solid "+menucolor+
                      "' width="+menuunitwidth+"px onmouseover=menu_over(menudiv"+x+
                      ","+x+") onmouseout=menu_out(menudiv"+x+
                      ") onmousedown=menu_down(menudiv"+x+","+x+")";
                            if(thismenu.command!=""){
                                stringx += " onmouseup=exec2("+x+");menu_up();";
                            }else{
                               stringx += " onmouseup=menu_up()";
                            }
                      stringx += " align="+menualign+">"+thismenu.caption+"</td></tr><tr>"
                     }
                     if(rightchar!="(无)")stringx+='<td width="100%" align="center">'+rightchar+'</td>'
                     stringx+="</tr></table>";          
                     for(var x=0;x<menus.length;x++){
                      thismenu=menus[x];
                        if(x==0||x==4||x==5){
                        stringx+='<div id=menudiv'+x+' style="visiable:none"></div>';
                        }else{
                        stringx+='<div id=menudiv'+x+
                        ' style="cursor:'+cursor+';position:absolute;'+
                        'width:'+menuitemwidth+'px; z-index:'+(x+100)+
                        ';border-left: 1px solid '+midoutcolor+'; '+
                        'border-right: 1px solid '+menuinbordercolor+';'+
                        ' border-top: 1px solid '+midoutcolor+'; '+
                        'border-bottom: 1px solid '+menuinbordercolor+';visibility:hidden" onselectstart="event.returnValue=false">\n'+
                      '<table width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+
                      'style="'+fonts+' border-left: 1px solid '+menuoutbordercolor+';'+
                      ' border-right: 1px solid '+midincolor+';'+
                      ' border-top: 1px solid '+menuoutbordercolor+'; '+
                      'border-bottom: 1px solid '+midincolor+'; padding: 4px" bgcolor='+menucolor+'>\n'
                      for(var i=0;i<thismenu.items.length;i++){
                       var thismenuitem=thismenu.items[i];
                       if(!thismenuitem.isline){
                       stringx += "<tr><td class=coolButton style='border: 1px solid "+menucolor+
                       "' width=100% height=15px onmouseover=\"thestatus='"+thismenuitem.statustxt+"';menuitem_over(menudiv"+x+
                       ");\" onmouseout=menuitem_out(menudiv"+x+
                       ") onmousedown=menuitem_down(menudiv"+x+") onmouseup=";
     stringx += "exec("+x+","+i+");menuitem_up(menudiv"+x+")>"+ thismenuitem.caption +"</td></tr>\n";
                              }else{
                       stringx+='<tr><td height="1" background="hr.gif"><img border="0" src="none.gif" width="1" height="1"></td></tr>\n';
                       }
                      }
                      }
                      stringx+='</table>\n</div>'
                }
                
                     document.write(stringx);
      break
    }
  }
}
function document_load(){
 writetodocument();
}
pmenu1=new Menu('扯 淡 首 页','#','self');
pmenu2=new Menu('明 星 壁 纸','','self');
pmenu2.addItem(new MenuItem('      大陆明星壁纸','wpaper/html/dl/index.htm','top',false,'大陆明星壁纸'));
pmenu2.addItem(new MenuItem('      港台明星壁纸','wpaper/html/gt/index.htm','top',false,'港台明星壁纸'));
pmenu2.addItem(new MenuItem('      欧美明星壁纸','wpaper/html/ur/index.htm','top',false,'欧洲明星壁纸'));
pmenu2.addItem(new MenuItem('      日本明星壁纸','wpaper/html/jp/index.htm','top',false,'日本明星壁纸,因为空间不够,没有上传完,请原谅'));
pmenu2.addItem(new MenuItem('      韩国明星壁纸','wpaper/html/ko/index.htm','top',false,'韩国明星壁纸'));
pmenu3=new Menu('明 星 写 真','','self');
pmenu3.addItem(new MenuItem('      韩国明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));
pmenu3.addItem(new MenuItem('      港台明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));
pmenu3.addItem(new MenuItem('      欧美明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));
pmenu3.addItem(new MenuItem('      日本明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));
pmenu3.addItem(new MenuItem('      韩国明星写真','#','self',false,'因为空间不够,没有上传,请原谅'));
pmenu4=new Menu('新 闻 中 心','','self');
pmenu4.addItem(new MenuItem('      娱 乐 新 闻','','self',false,'制作中'));
pmenu4.addItem(new MenuItem('      社 会 新 闻','','self',false,'制作中'));
pmenu4.addItem(new MenuItem('      游 戏 新 闻','','self',false,'制作中'));
pmenu4.addItem(new MenuItem('      新 闻 首 页','','self',false,'制作中'));
pmenu5=new Menu('游 人 天 地','#','self');
pmenu6=new Menu('扯 淡 论 坛','#','blank');
document.write("<body bgcolor='#FCF1DC'>")
document_load()
</SCRIPT>

<META content="MSHTML 6.00.2800.1400" name=GENERATOR></HEAD>
<BODY></BODY></HTML>

2、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0040)<a href="http://vip.5d.cn/flood/menu/mutimenu.htm" target="_blank">http://vip.5d.cn/flood/menu/mutimenu.htm</a> -->
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE>BODY {
	FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none
}
TD {
	FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none
}
A {
	FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none
}
.normal {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.up {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 1px; BACKGROUND: #cccccc; PADDING-BOTTOM: 1px; BORDER-LEFT: #999999 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #999999 1px solid
}
.down {
	BORDER-RIGHT: #dbdbdb 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #dbdbdb 1px solid; PADDING-LEFT: 1px; BACKGROUND: #dbdbdb; PADDING-BOTTOM: 1px; BORDER-LEFT: #dbdbdb 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #dbdbdb 1px solid
}
.menuv {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FILTER: revealTrans(transition=23,duration=0.5); PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
</STYLE>

<SCRIPT>
//闪烁的表格边框
function flashit(){if(!document.all)return;if (td123.style.borderColor=="black")td123.style.borderColor="#999999";else td123.style.borderColor="black"}setInterval("flashit()",500)
//渐入的效果,改变alpha值
function high(image){theobject=image,highlighting=setInterval("highlightit(theobject)",100)}function low(image){clearInterval(highlighting),image.filters.alpha.opacity=50}function highlightit(cur2){if (cur2.filters.alpha.opacity<100)cur2.filters.alpha.opacity+=20;else if(window.highlighting)clearInterval (highlighting)}
//拖动层的js
var over=false,down=false,divleft,divtop;function move(){if(down){plane.style.left=event.clientX-divleft;plane.style.top=event.clientY-divtop;}}
//滑动层
function bodyload()
{
if(plane.style.pixelTop!=0)
{
plane.style.pixelTop-=10
setTimeout('bodyload()',1)
}
}
//渐变显示层
function Show(divid) {
divid.filters.revealTrans.apply();
divid.style.visibility = "visible";
divid.filters.revealTrans.play();
}
function Hide(divid) {
divid.filters.revealTrans.apply();
divid.style.visibility = "hidden";
divid.filters.revealTrans.play();
}
</SCRIPT>

<META content="MSHTML 6.00.2800.1400" name=GENERATOR></HEAD>
<BODY onmousemove=move() onload=bodyload()>
<DIV onmouseup=down=false 
onmousedown=down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top) 
id=plane 
style="Z-INDEX: 1; LEFT: 0px; WIDTH: 1px; POSITION: absolute; TOP: 500px; HEIGHT: 1px">
<TABLE id=td123 
style="BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; CURSOR: hand; BORDER-BOTTOM: #999999 1px solid" 
cellSpacing=2 cellPadding=0 width=100 bgColor=#f4f4f4 border=0>
  <TBODY>
  <TR>
    <TD 
    style="BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; CURSOR: move; BORDER-BOTTOM: #999999 1px solid" 
    bgColor=#cccccc height=20>
      <DIV align=center>多级滑动菜单</DIV></TD></TR>
  <TR>
    <TD onmouseup="this.className='up'" class=normal 
    onmousedown="this.className='down'" 
    onmouseover="this.className='up',high(this),Show(menu1)
" 
    style="FILTER: alpha(opacity=50)" 
    onmouseout="this.className='normal',low(this),menu1.style.visibility='hidden'">
      <DIV align=right>有下级菜单>></DIV></TD></TR>
  <TR>
    <TD onmouseup="this.className='up'" class=normal 
    onmousedown="this.className='down'" 
    onmouseover="this.className='up',high(this),Show(menu2)" 
    style="FILTER: alpha(opacity=50)" 
    onmouseout="this.className='normal',low(this),menu2.style.visibility='hidden'">
      <DIV align=right>有下级菜单>></DIV></TD></TR>
  <TR>
    <TD onmouseup="this.className='up'" class=normal 
    onmousedown="this.className='down'" 
    onmouseover="this.className='up',high(this)" 
    style="FILTER: alpha(opacity=50)" 
    onmouseout="this.className='normal',low(this)">
      <DIV align=right>无下级菜单>></DIV></TD></TR>
  <TR>
    <TD onmouseup="this.className='up'" class=normal 
    onmousedown="this.className='down'" 
    onmouseover="this.className='up',high(this)" 
    style="FILTER: alpha(opacity=50)" 
    onmouseout="this.className='normal',low(this)">
      <DIV align=right>无下级菜单>></DIV></TD></TR></TBODY></TABLE>
<DIV class=menuv id=menu1 onmouseover="this.style.visibility='visible'" 
style="Z-INDEX: 1; LEFT: 96px; VISIBILITY: hidden; WIDTH: 105px; POSITION: absolute; TOP: 24px" 
onmouseout="this.style.visibility='hidden'">
<TABLE 
style="BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; CURSOR: hand; BORDER-BOTTOM: #999999 1px solid" 
cellSpacing=2 cellPadding=0 width=100 align=right bgColor=#f4f4f4 border=0>
  <TBODY>
  <TR>
    <TD onmouseup="this.className='up'" class=normal 
    onmousedown="this.className='down'" 
    onmouseover="this.className='up',high(this)" 
    style="FILTER: alpha(opacity=50)" 
    onmouseout="this.className='normal',low(this)">
      <DIV align=center>子菜单</DIV></TD></TR>
  <TR>
    <TD onmouseup="this.className='up'" class=normal 
    onmousedown="this.className='down'" 
    onmouseover="this.className='up',high(this)" 
    style="FILTER: alpha(opacity=50)" 
    onmouseout="this.className='normal',low(this)">
      <DIV align=center>子菜单</DIV></TD></TR>
  <TR>
    <TD onmouseup="this.className='up'" class=normal 
    onmousedown="this.className='down'" 
    onmouseover="this.className='up',high(this)" 
    style="FILTER: alpha(opacity=50)" 
    onmouseout="this.className='normal',low(this)">
      <DIV align=center>子菜单</DIV></TD></TR>
  <TR>
    <TD onmouseup="this.className='up'" class=normal 
    onmousedown="this.className='down'" 
    onmouseover="this.className='up',high(this)" 
    style="FILTER: alpha(opacity=50)" 
    onmouseout="this.className='normal',low(this)">
      <DIV align=center>子菜单</DIV></TD></TR></TBODY></TABLE></DIV>
<DIV class=menuv id=menu2 onmouseover="this.style.visibility='visible'" 
style="Z-INDEX: 1; LEFT: 96px; VISIBILITY: hidden; WIDTH: 105px; POSITION: absolute; TOP: 45px" 
onmouseout="this.style.visibility='hidden'">
<TABLE 
style="BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; CURSOR: hand; BORDER-BOTTOM: #999999 1px solid" 
cellSpacing=2 cellPadding=0 width=100 align=right bgColor=#f4f4f4 border=0>
  <TBODY>
  <TR>
    <TD onmouseup="this.className='up'" class=normal 
    onmousedown="this.className='down'" 
    onmouseover="this.className='up',high(this)" 
    style="FILTER: alpha(opacity=50)" 
    onmouseout="this.className='normal',low(this)">
      <DIV align=center>子菜单</DIV></TD></TR>
  <TR>
    <TD onmouseup="this.className='up'" class=normal 
    onmousedown="this.className='down'" 
    onmouseover="this.className='up',high(this)" 
    style="FILTER: alpha(opacity=50)" 
    onmouseout="this.className='normal',low(this)">
      <DIV align=center>子菜单</DIV></TD></TR>
  <TR>
    <TD onmouseup="this.className='up'" class=normal 
    onmousedown="this.className='down'" 
    onmouseover="this.className='up',high(this)" 
    style="FILTER: alpha(opacity=50)" 
    onmouseout="this.className='normal',low(this)">
      <DIV align=center>子菜单</DIV></TD></TR>
  <TR>
    <TD onmouseup="this.className='up'" class=normal 
    onmousedown="this.className='down'" 
    onmouseover="this.className='up',high(this)" 
    style="FILTER: alpha(opacity=50)" 
    onmouseout="this.className='normal',low(this)">
      <DIV align=center>子菜单</DIV></TD></TR></TBODY></TABLE></DIV></DIV></BODY></HTML>

3、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0049)<a href="http://vip.5d.cn/flood/myjs/htm/menu/fivemenu.htm" target="_blank">http://vip.5d.cn/flood/myjs/htm/menu/fivemenu.htm</a> -->
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1400" name=GENERATOR></HEAD>
<BODY>
<STYLE type=text/css>.dot {
	FONT-SIZE: 1px; Z-INDEX: 100; VISIBILITY: hidden; WIDTH: 6px; CURSOR: hand; POSITION: absolute; HEIGHT: 6px; BACKGROUND-COLOR: red
}
.dotoff {
	FONT-SIZE: 1px; Z-INDEX: 100; VISIBILITY: hidden; WIDTH: 6px; CURSOR: default; POSITION: absolute; HEIGHT: 6px; BACKGROUND-COLOR: gray
}
.dotempty {
	FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 6px; CURSOR: hand; POSITION: absolute; HEIGHT: 6px; BACKGROUND-COLOR: orange; zindex: 100
}
.caption {
	FONT-SIZE: 11px; Z-INDEX: 1; VISIBILITY: hidden; CURSOR: default; COLOR: black; FONT-FAMILY: Tahoma; POSITION: absolute; TEXT-ALIGN: center
}
BODY {
	MARGIN: 0px; BACKGROUND-COLOR: white
}
A {
	COLOR: silver; TEXT-DECORATION: none
}
P {
	FONT-SIZE: 10px; COLOR: black; FONT-FAMILY: tahoma
}
</STYLE>

<SCRIPT language=JavaScript type=text/javascript>
function lib_bwcheck(){ //Browsercheck (needed)
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=this.agent.indexOf("Opera 5")>-1
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}
var bw=new lib_bwcheck()


// The code of this script is in the body, the browsercheck above is not used.

</SCRIPT>

<SCRIPT language=javascript1.2 type=text/javascript>
<!--
// DotMenu
// provides cross-browser functionality
//======================================
function getObjectRef(name) {
  if(document.getElementById) return document.getElementById(name);
  else if(document.all) return document.all[name];
  else return null;
}

// general functions to assist the script
//========================================
function show(name) {
  var el = getObjectRef(name);
  if(el) el.style.visibility = "visible";
}
function hide(name) {
  var el = getObjectRef(name);
  if(el) el.style.visibility = "hidden";
}
function getWidth(name) {
  var el = getObjectRef(name);
  return el.offsetWidth;
}
function getHeight(name) {
  var el = getObjectRef(name);
  return el.offsetHeight;
}
function moveMe(name,x,y) {
  var el = getObjectRef(name);
  if(el) { el.style.top = parseInt(y); el.style.left = parseInt(x); }  
}
function moveBy(name,x,y) {
  var el = getObjectRef(name);
  if(el) { el.style.top = parseInt(el.style.top) + parseInt(y); el.style.left = parseInt(el.style.left) + parseInt(x); }  
}

// Creates the menu objects
//==========================
var menuCount = 0;
function menuObject(name,x,y,caption, r, parent) {
  if ( (!document.getElementById&&!document.all) || navigator.userAgent.indexOf("Opera")>-1) return;
  document.write('<div id="divDot' + menuCount + '" class="dotempty" style="top: ' + y + '; left: ' + x + '"></div>');
  document.write('<div id="divCap' + menuCount + '" class="caption" style="top: 0; left: 0">' + caption + '</div>');
  
  this.name = name;
  this.parent = parent
  this.ref = "divDot" + menuCount;
  this.caption = "divCap" + menuCount
  if(r) this.radius = r;
  else this.radius = 400;
  this.subMenus = new Array();
  this.state = 0;
  this.moving = false;
  if(this.parent) this.action = "null";
  else this.action = "toggle";
  if(this.parent) this.startAngle = parent.startAngle;
  else this.startAngle = 0;

  getObjectRef(this.ref).objRef = this.name;
  
  this.show = function() { show(this.ref); }
  this.hide = function() { hide(this.ref); }
  this.moveMe = function(x,y) { if(this.parent) { x += this.parent.x(); y += this.parent.y(); } moveMe(this.ref,x,y); }
  this.moveBy = function(x,y) { moveBy(this.ref,x,y); }
  this.x = function() { return parseInt(getObjectRef(this.ref).style.left); }
  this.y = function() { return parseInt(getObjectRef(this.ref).style.top); }
  this.w = function() { return getWidth(this.ref); }
  this.h = function() { return getHeight(this.ref); }

  this.showCaption = function() {
    moveMe(this.caption, this.x() - (getWidth(this.caption)/2) + (this.w()/2), (this.y() + this.h()));
    show(this.caption);
  }
  this.hideCaption = function() {
    hide(this.caption);
  }
  this.setCaption = function(c) { getObjectRef(this.caption).innerHTML = c;}
 
  this.addItem = function(c,action,r) {
    getObjectRef(this.ref).className = "dot";
    if(!r) r = this.radius/2;
    var sub = new menuObject(this.name + ".subMenus[" + this.subMenus.length + "]",0,0,c,r,this);
    sub.parent = this;
    sub.action = action;
    sub.moveMe(0,0);
    this.subMenus[this.subMenus.length] = sub;
    return sub;
  }
  
  this.expand = function() {
    if(this.subMenus.length > 0) {
      var p = true;
      if(this.parent) {
        p = !this.parent.moving;
        for(var i=0; i<this.parent.subMenus.length;i++)
          p = p && ((this.parent.subMenus[i].state==0) || (this.parent.subMenus[i].state==this.parent.subMenus[i].subMenus.length)) && (this.parent.subMenus[i].moving==false);
      } else var o = false;
      

      if((!this.parent || this.parent.state == this.parent.subMenus.length) && p) {
        if(this.parent) this.collapseAll(this.name);
        
        var diff = 360 / this.subMenus.length;
        for(var i=0;i<this.subMenus.length;i++){
          this.subMenus[i].moveMe(0,0);
          this.subMenus[i].show();
          this.moving = true;
          this.subMenus[i].slide(this.subMenus[i].radius * cos(degToRad((diff*i)+this.startAngle)), this.subMenus[i].radius * sin(degToRad((diff*i)+this.startAngle)), this.name + ".subMenus[" + i + "].showCaption();" + this.name + ".moving=false;" + this.name + ".state+=1;");
        }
        if(this.parent){
          getObjectRef(this.parent.ref).style.filter = "alpha (opacity=33)";
          getObjectRef(this.parent.ref).style.MozOpacity = "33%";

          getObjectRef(this.parent.ref).className = "dotoff";
          getObjectRef(this.parent.caption).style.filter = "alpha (opacity=33)";
          getObjectRef(this.parent.caption).style.MozOpacity = "33%";
          for(i=0;i<this.parent.subMenus.length;i++) {
              getObjectRef(this.parent.subMenus[i].ref).style.filter = "alpha (opacity=66)";
              getObjectRef(this.parent.subMenus[i].ref).style.MozOpacity = "66%";
              getObjectRef(this.parent.subMenus[i].caption).style.filter = "alpha (opacity=66)";
              getObjectRef(this.parent.subMenus[i].caption).style.MozOpacity = "66%";        
          }
          if(this.parent.parent) {
            for(i=0;i<this.parent.parent.subMenus.length;i++) {
              getObjectRef(this.parent.parent.subMenus[i].ref).style.filter = "alpha (opacity=33)";
              getObjectRef(this.parent.parent.subMenus[i].ref).style.MozOpacity = "33%";
              getObjectRef(this.parent.parent.subMenus[i].ref).className = "dotoff";
              getObjectRef(this.parent.parent.subMenus[i].caption).style.filter = "alpha (opacity=33)";        
              getObjectRef(this.parent.parent.subMenus[i].caption).style.MozOpacity = "33%";
            }
            getObjectRef(this.parent.parent.ref).style.MozOpacity = "33%";
            getObjectRef(this.parent.parent.ref).style.MozOpacity = "33%";
            getObjectRef(this.parent.parent.ref).className = "dotoff";
          }
        }
        getObjectRef(this.ref).style.filter = "alpha (opacity=66)";
        getObjectRef(this.caption).style.filter = "alpha (opacity=66)";  
        getObjectRef(this.ref).style.MozOpacity = "66%";
        getObjectRef(this.caption).style.MozOpacity = "66%"; 
      }
    }  
  }

  this.collapse = function() {
    var p = true;
    p = !this.moving;
    for(var i=0; i<this.subMenus.length;i++)
      p = p && (this.subMenus[i].state==0)  && (this.subMenus[i].moving==false);
    
    if(p && this.subMenus.length > 0) {
      for(var i=0;i<this.subMenus.length;i++){
        this.subMenus[i].hideCaption();
        this.moving = true;
        this.subMenus[i].slide(0, 0, this.name + ".subMenus[" + i + "].hide();" + this.name + ".moving=false;" + this.name + ".state-=1;");
      }
      if(this.parent){
        getObjectRef(this.parent.ref).style.filter = "alpha (opacity=66)";
        getObjectRef(this.parent.ref).style.MozOpacity = "66%";
        if(this.parent.subMenus.length != 0)
          getObjectRef(this.parent.ref).className = "dot";
        else
          getObjectRef(this.parent.ref).className = "dotempty";
        getObjectRef(this.parent.caption).style.filter = "alpha (opacity=66)";
        getObjectRef(this.parent.caption).style.MozOpacity = "66%";
        for(i=0;i<this.parent.subMenus.length;i++) {
          getObjectRef(this.parent.subMenus[i].ref).style.filter = "alpha (opacity=100)";
          getObjectRef(this.parent.subMenus[i].ref).style.MozOpacity = "100%";
          if(this.parent.subMenus[i].subMenus.length != 0) 
            getObjectRef(this.parent.subMenus[i].ref).className = "dot";
          else
            getObjectRef(this.parent.subMenus[i].ref).className = "dotempty";
          getObjectRef(this.parent.subMenus[i].caption).style.filter = "alpha (opacity=100)";        
          getObjectRef(this.parent.subMenus[i].caption).style.MozOpacity = "100%";
        }
        if(this.parent.parent) {
          for(i=0;i<this.parent.parent.subMenus.length;i++) {
            getObjectRef(this.parent.parent.subMenus[i].ref).style.filter = "alpha (opacity=66)";
            getObjectRef(this.parent.parent.subMenus[i].ref).style.MozOpacity = "66%";
            if(this.parent.parent.subMenus[i].subMenus.length != 0)
              getObjectRef(this.parent.parent.subMenus[i].ref).className = "dot";
            else
              getObjectRef(this.parent.parent.subMenus[i].ref).className = "dotempty";
            getObjectRef(this.parent.parent.subMenus[i].caption).style.filter = "alpha (opacity=66)";        
            getObjectRef(this.parent.parent.subMenus[i].caption).style.MozOpacity = "66%";
          }
        }
      }
      getObjectRef(this.ref).style.filter = "alpha (opacity=100)";
      getObjectRef(this.caption).style.filter = "alpha (opacity=100)";       
      getObjectRef(this.ref).style.MozOpacity = "100%";
      getObjectRef(this.caption).style.MozOpacity = "100%";
    }
  }

  this.collapseAll = function(except) {
    for(var i=0;i<this.parent.subMenus.length;i++) {
      if(this.parent.subMenus[i].name!=except && this.parent.subMenus[i].state==this.parent.subMenus[i].subMenus.length) {
        this.parent.subMenus[i].collapse();
      }    
    }
  }
  
  this.toggle = function(e) {
    if(document.all) id = window.event.srcElement;
    else id = e.target;
    var dot = eval(id.objRef);
    
    if(dot.state==0 && !dot.moving) dot.expand();
    else if(dot.state==dot.subMenus.length && !dot.moving) dot.collapse()
  }
  
  this.doAction = function(e) {
    if(document.all) id = window.event.srcElement;
    else id = e.target;
    var dot = eval(id.objRef);
    
    if(dot.action == "toggle") dot.toggle(e);
    else eval(dot.action);
  }
  
  //change these if you want to change the events that trigger the actions
  //========================================================================
  //getObjectRef(this.ref).onmousemove = this.toggle;
  getObjectRef(this.ref).onmouseup = this.doAction;
  
  this.slide = function(xx,yy,func) {
    if(!func) func = "";
    var px = this.parent.x();
    var py = this.parent.y();
    
    var x = xx - this.x() + px;
    var y = yy - this.y() + py;
    
    var d = sqrt(square(xx-this.x() + px) + square(yy-this.y() + py));
    
    var v = d/8;
    if(v<1) v = 1;
        
    if( (Math.abs(x) < v) && (Math.abs(y) < v) ) {
      moveMe(this.ref,xx + px,yy + py);      
      if(func != "") eval(func);
    } else {    
      var a = round(atan(x,y));
      dx = round(v * cos(degToRad(a)));
      dy = round(v * sin(degToRad(a)));
   
      this.moveBy(dx,dy);
      setTimeout(this.name + ".slide(" + xx + "," + yy + ", '" + func + "');",10);    
    }
  }
  // Preoading the windows filters.
  if (menuCount==0 && document.all) document.all[this.ref].style.filter = "alpha (opacity=100)";
  menuCount++;
  return this;
}


// Math functions
//================
var pi = Math.PI;
function square(x) { return (x*x); }
function sqrt(x) { return Math.sqrt(x); }
function round(x) { return Math.round(x); }
function rand(x,y) { return (round(Math.random()*(y-x)) + x); }

function cos(x) { return Math.cos(x) }
function sin(x) { return Math.sin(x) }
	
function degToRad(x) { return ( x/(360/(2*pi)) ); }
function radToDeg(x) { return ( x*(360/(2*pi)) ); }


function atan(s,t) {
  if( s == 0.0 && t > 0.0)
    angle = 90.0;
  else if(s == 0.0 && t < 0.0) 
    angle = 270.0;
  else if (s < 0.0 ) 
    angle = 180.0 + radToDeg(Math.atan(t/s));
  else if (s > 0.0 && t < 0.0)
    angle = 360.0 + radToDeg(Math.atan(t/s));
  else {
    if(s==0.0) s=0.00001;
    angle = radToDeg(Math.atan(t/s));
  }
  if(angle < 0.0) angle += 360.0;
  return angle;
}
//get dimentions of the page
if(document.all) pageWidth = document.body.offsetWidth-20;
else pageWidth = innerWidth;
if(document.all) pageHeight = document.body.offsetHeight-4;
else pageHeight = innerHeight;

//Create main menu
var menu = new menuObject("menu",pageWidth/2,pageHeight/2,"DhtmlCentral Site Map",pageHeight/2);
menu.startAngle = -90;

//show menu and caption
menu.show();
menu.showCaption();

//Add submenus
menu.addItem("news","window.open('/news')");
menu.addItem("scripts","toggle");
menu.addItem("tutorials","toggle");
menu.addItem("forums","toggle");
menu.addItem("resources","toggle");

menu.subMenus[1].addItem("FoldOutMenu","window.open('/script/script22.asp')");
menu.subMenus[1].addItem("Loading Bar","window.open('/script/script17.asp')");
menu.subMenus[1].addItem("Window Script","window.open('/script/script16.asp')");
menu.subMenus[1].addItem("PageSlideFade","window.open('/script/script15.asp')");
menu.subMenus[1].addItem("Circle Menu","window.open('/script/script14.asp')");
menu.subMenus[1].addItem("Annimation Intro","window.open('/script/script9.asp')");
menu.subMenus[1].addItem("NewsSlideFade","window.open('/script/script10.asp')");
menu.subMenus[1].addItem("Other Scripts","window.open('/script/')");


menu.subMenus[2].addItem("Scripting for vs5 browsers","window.open('/tutorials/tutorial5.asp')");
menu.subMenus[2].addItem("Makeing a Dhtml Script","window.open('/tutorials/tutorial6.asp')");
menu.subMenus[2].addItem("Filters & Transitions","window.open('/tutorials/tutorial4.asp')");
menu.subMenus[2].addItem("Dhtml Library","window.open('/tutorials/tutorial3.asp')");
menu.subMenus[2].addItem("Document Size","window.open('/tutorials/tutorial2.asp')");
menu.subMenus[2].addItem("Dhtml Intro","window.open('/tutorials/tutorial1.asp')");

menu.subMenus[3].addItem("Forum listings","window.open('/forums')");
menu.subMenus[3].addItem("Cool Sites","window.open('/forums/forum.asp?FORUM_ID=1&CAT_ID=1&Forum_Title=Cool+sites')");
menu.subMenus[3].addItem("CoolMenus","window.open('/forums/forum.asp?FORUM_ID=2&CAT_ID=1&Forum_Title=CoolMenus')");
menu.subMenus[3].addItem("Cross Browser","window.open('/forums/forum.asp?FORUM_ID=3&CAT_ID=1&Forum_Title=Crossbrowser+DHTML')");
menu.subMenus[3].addItem("Scripts","window.open('/forums/forum.asp?FORUM_ID=4&CAT_ID=1&Forum_Title=DHTML+Scripts')");
menu.subMenus[3].addItem("General","window.open('/forums/forum.asp?FORUM_ID=6&CAT_ID=1&Forum_Title=General+DHTML+issues')");
menu.subMenus[3].addItem("Off-Topic","window.open('/forums/forum.asp?FORUM_ID=9&CAT_ID=1&Forum_Title=Off%2Dtopic')");


c = menu.subMenus[4].addItem("Cool Sites","toggle");
c.startAngle = 15;
menu.subMenus[4].addItem("Portals","window.open('/resources/default.asp?catid=7&cattitle=Portals')");
menu.subMenus[4].addItem("Script Sites","window.open('/resources/default.asp?catid=1&cattitle=Script+sites')");
menu.subMenus[4].addItem("Tutorials &<br>References","toggle");

menu.subMenus[4].subMenus[0].addItem("Comercial Sites","window.open('/resources/default.asp?catid=5&cattitle=Commercial+sites')");
menu.subMenus[4].subMenus[0].addItem("Personal Sites","window.open('/resources/default.asp?catid=6&cattitle=Personal+sites')");
menu.subMenus[4].subMenus[0].addItem("Experimental Projects","window.open('/resources/default.asp?catid=4&cattitle=Experimental+projects')");

menu.subMenus[4].subMenus[3].addItem("References","window.open('/resources/default.asp?catid=8&cattitle=References')");
menu.subMenus[4].subMenus[3].addItem("Tutorials & Articles","window.open('/resources/default.asp?catid=9&cattitle=Tutorials+and+Articles')");


//--></SCRIPT>
</BODY></HTML>

4、

<html>
<style>
<!--


#ssm2 A {
    color:black;
    text-decoration:none; 
    font-size:12;
    font-family:verdana;
    }

#ssm2 A:hover {
    color:red;
     }


-->
</style>
<script language="JavaScript1.2">

function MM_displayStatusMsg(msgStr) { 
status=msgStr;
document.MM_returnValue = true;
}

function highlight(x){
document.forms[x].elements[0].focus()
document.forms[x].elements[0].select()
}

function MM_jumpMenu(targ,selObj,restore){ 
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}

var NS
IE=document.all;
NS=document.layers;


hdrFontFamily="Verdana";
hdrFontSize="2";
hdrFontColor="white";
hdrBGColor="#666666";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#CCCCCC";
linkTarget="_top";
YOffset=200;
staticYOffset=20;
menuBGColor="black";
menuIsStatic="no";
menuHeader="Main Index"
menuWidth=150; // Must be a multiple of 5!
staticMode="advanced"
barBGColor="#1298fd";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barText="MENU";

function moveOut() {
if (window.cancel) {
cancel="";
}

if (window.moving2) {
clearTimeout(moving2);
moving2="";
}
if ((IE && ssm2.style.pixelLeft<0)||(NS && document.ssm2.left<0)) {
if (IE) {ssm2.style.pixelLeft += (5%menuWidth);
}
if (NS) {
document.ssm2.left += (5%menuWidth);
}

moving1 = setTimeout('moveOut()', 5)
}
else {
clearTimeout(moving1)
}
};

function moveBack() {
cancel = moveBack1()
}
function moveBack1() {
if (window.moving1) {
clearTimeout(moving1)
}

if ((IE && ssm2.style.pixelLeft>(-menuWidth))||(NS && document.ssm2.left>(-150))) {
if (IE) {ssm2.style.pixelLeft -= (5%menuWidth);
}
if (NS) {
document.ssm2.left -= (5%menuWidth);
}
moving2 = setTimeout('moveBack1()', 5)}
else {
clearTimeout(moving2)
}
};

lastY = 0;
function makeStatic(mode) {
if (IE) {winY = document.body.scrollTop;var NM=ssm2.style
}
if (NS) {winY = window.pageYOffset;var NM=document.ssm2
}
if (mode=="smooth") {
if ((IE||NS) && winY!=lastY) {
smooth = .2 * (winY - lastY);
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) NM.pixelTop+=smooth;
if (NS) NM.top+=smooth;
lastY = lastY+smooth;
}
setTimeout('makeStatic("smooth")', 1)
}

else if (mode=="advanced") {
if ((IE||NS) && winY>YOffset-staticYOffset) {
if (IE) {NM.pixelTop=winY+staticYOffset
}
if (NS) {NM.top=winY+staticYOffset
}
}
else {
if (IE) {NM.pixelTop=YOffset
}
if (NS) {NM.top=YOffset-7
}
}
setTimeout('makeStatic("advanced")', 1)
}
}

function init() {
if (IE) {
ssm2.style.pixelLeft = -menuWidth;
ssm2.style.visibility = "visible"
}
else if (NS) {
document.ssm2.left = -menuWidth;
document.ssm2.visibility = "show"
}
else {
alert('Choose either the "smooth" or "advanced" static modes!')
}
}


function MM_displayStatusMsg(msgStr) { 
status=msgStr;
document.MM_returnValue = true;
}
</script>
<script language="JavaScript1.2">
if (IE) {document.write('<DIV ID="ssm2" style="visibility:hidden;Position : Absolute ;Left : 0px ;Top : '+YOffset+'px ;Z-Index : 20;width:1px" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS) {document.write('<LAYER visibility="hide" top="'+YOffset+'" name="ssm2" bgcolor="'+menuBGColor+'" left="0" onmouseover="moveOut()" onmouseout="moveBack()">')}
tempBar=""
for (i=0;i<barText.length;i++) {
tempBar+=barText.substring(i, i+1)+"<BR>"}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+16+2)+'" bgcolor="'+menuBGColor+'"><tr><td bgcolor="'+hdrBGColor+'" WIDTH="'+menuWidth+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+menuHeader+'</b></font></td><td align="center" rowspan="100" width="16" bgcolor="'+barBGColor+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD></tr>')
function addItem(text, link, target) {
if (!target) {target=linkTarget}
document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'" target="'+target+'" CLASS="ssm2Items">'+text+'</A></FONT></LAYER></ILAYER></TD></TR>')}
function addHdr(text) {
document.write('<tr><td bgcolor="'+hdrBGColor+'" WIDTH="140"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+text+'</b></font></td></tr>')}

//Only edit the script between HERE

addItem('首页', '<a href="http://www.dynamicdrive.com" target="_blank">http://www.dynamicdrive.com</a>', '');
addItem('3D作品欣赏', '<a href="http://www.dynamicdrive.com" target="_blank">http://www.dynamicdrive.com</a>/new.htm', '');
addItem('程序设计', '<a href="http://www.dynamicdrive.com" target="_blank">http://www.dynamicdrive.com</a>/hot.htm', '');
addItem('网页设计', '<a href="http://wsabstract.com/cgi-bin/Ultimate.cgi" target="_blank">http://wsabstract.com/cgi-bin/Ultimate.cgi</a>', '');
addItem('个人简历', '<a href="http://wsabstract.com/cgi-bin/Ultimate.cgi" target="_blank">http://wsabstract.com/cgi-bin/Ultimate.cgi</a>', '');
addItem('荣誉证书', '<a href="http://wsabstract.com/cgi-bin/Ultimate.cgi" target="_blank">http://wsabstract.com/cgi-bin/Ultimate.cgi</a>', '');
addItem('班级主页(大学)', '<a href="http://www.dynamicdrive.com" target="_blank">http://www.dynamicdrive.com</a>/faqs.htm', '');
addItem('班级主页(中专)', '<a href="http://www.dynamicdrive.com" target="_blank">http://www.dynamicdrive.com</a>/submitscript.htm', '');
addHdr('External Links');
addItem('梦幻天堂', '<a href="http://wsabstract.com" target="_blank">http://wsabstract.com</a>', '_blank');
addItem('给我留言', '<a href="http://freewarejava.com" target="_blank">http://freewarejava.com</a>', '_blank');
addItem('进入论坛', '<a href="http://www.dhtml-zone.com/" target="_blank">http://www.dhtml-zone.com/</a>', '_blank');



// and HERE! No more!

document.write('<tr><td bgcolor="'+hdrBGColor+'"><font size="0" face="Arial"> </font></td></TR></table>')
if (IE) {document.write('</DIV>')}
if (NS) {document.write('</LAYER>')}
if ((IE||NS) && (menuIsStatic=="yes"&&staticMode)) {makeStatic(staticMode);}

</script>
<script>
window.onload=init
</script>
<a href="http://www.xinphome.com">xinphome.com</a> Welcome.
</html>

5、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0038)<a href="http://vip.5d.cn/flood/menu/ssmenu.htm" target="_blank">http://vip.5d.cn/flood/menu/ssmenu.htm</a> -->
<HTML><HEAD><TITLE>New Page 1</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1400" name=GENERATOR>
<META content=FrontPage.Editor.Document name=ProgId>
<STYLE>.menuover {
	BORDER-RIGHT: #1a71e6 1px solid; BORDER-TOP: #1a71e6 1px solid; BORDER-LEFT: #1a71e6 1px solid; CURSOR: hand; BORDER-BOTTOM: #1a71e6 1px solid; BACKGROUND-COLOR: #eaf2fd
}
.menuout {
	CURSOR: hand
}
TD {
	FONT-SIZE: 12px; COLOR: #1a71e6; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
A {
	FONT-SIZE: 12px; COLOR: #1a71e6; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
</STYLE>

<SCRIPT>
var moveStep = 15; // 移动单位
var moveTime = 10; //移动时间

function MoveMenuBox()
{
 if(MenuBox.doing)
 {
  clearInterval(MenuBox.doing)
 }
 
 moveStep *= -1
 
 MenuBox.doing = setInterval("DoMoveAction()",moveTime)
}
function DoMoveAction()
{
 var judger = MenuBox.style.pixelTop + moveStep;
 if(moveStep>0)
 {
  if(judger <= MenuBox.parentElement.offsetHeight)
  {
   MenuBox.style.pixelTop = judger
  }
  else
  {
   MenuBox.style.pixelTop = MenuBox.parentElement.offsetHeight;
   clearInterval(MenuBox.doing);
   MenuBox.doing = false;
  }
 }
 else
 {
  if(judger >= 0)
  {
   MenuBox.style.pixelTop = judger
  }
  else
  {
   MenuBox.style.pixelTop = 0;
   clearInterval(MenuBox.doing);
   MenuBox.doing = false;
  } 
 }
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=0 border=0>
  <TBODY>
  <TR>
    <TD width="100%">
      <DIV style="OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 100%">
      <TABLE id=MenuBox 
      style="BORDER-RIGHT: #1a71e6 1px solid; BORDER-TOP: #1a71e6 1px solid; VISIBILITY: hidden; BORDER-LEFT: #1a71e6 20px solid; BORDER-BOTTOM: #1a71e6 1px solid; POSITION: relative" 
      cellSpacing=4 cellPadding=0 width=130>
        <TBODY>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>关 于 我 们</TD></TR>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>加 入 我 们</TD></TR>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>交 易 市 场</TD></TR>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>网 页 超 市</TD></TR>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>域 名 注 册</TD></TR>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>虚 拟 主 机</TD></TR>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>服 务 中 心</TD></TR>
        <TR>
          <TD class=menuout onmouseover="this.className='menuover';" 
          onmouseout="this.className='menuout';" vAlign=center align=middle 
          height=20>合 作 伙 伴</TD></TR></TBODY></TABLE></DIV></TD></TR>
  <TR>
    <TD width="100%">
      <TABLE id=judgerBox height=29 cellSpacing=0 cellPadding=0 width=130>
        <TBODY>
        <TR>
          <TD style="FONT-SIZE: 6px" vAlign=center align=middle width=128 
          bgColor=#ffffff height=4></TD></TR>
        <TR>
          <TD 
          style="BORDER-RIGHT: #ffffff 1px outset; BORDER-TOP: #ffffff 1px outset; BORDER-LEFT: #ffffff 1px outset; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px outset; BACKGROUND-COLOR: #1a71e6" 
          onclick=MoveMenuBox() vAlign=center align=middle width=128 
            height=25>控 制 按 钮</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<SCRIPT>
function window.onload()
{
 MenuBox.style.pixelTop = MenuBox.parentElement.offsetHeight;
 MenuBox.style.visibility = "visible"
}
</SCRIPT>
</BODY></HTML>

6、

<html>
<head>
<title>柠檬茶</title>
</head>
<body>
 <script language="JavaScript1.2">
//菜单1的内容
var menu1=new Array()
menu1[0]='<a href=http://www.163.net>网易</a><br>'
menu1[1]='<a href=http://www.sina.com.cn>新浪网</a><br>'
menu1[2]='<a href=http://www.cctv.com>中央电视台</a><br>'
//菜单2的内容
var menu2=new Array()
menu2[0]='<a href=http://vs_server.njavat.net/bbs>本站论坛</a><br>'
menu2[1]='<a href=http://vs_server.njcatv.net/aspchitchat>本站聊天室</a><br>'
menu2[2]='<a href=mailto:baron@njcatv.net>来信联络</a><br>'
</script>

<style>
<!--
.iewrap1{
position:relative;
height:30px;
; font-family: "宋体"; font-size: 9pt}
.iewrap2{
position:absolute;
; font-family: "宋体"; font-size: 9pt}
#dropmenu0, #dropmenu1{
visibility:hide;
z-index:100;
}
#dropmenu0 { font-family: "宋体" ; font-size: 9pt}#dropmenu1 { font-family: "宋体" ; font-size: 9pt}-->
</style>

<script language="JavaScript1.2">
//以下不要改
var zindex=100
function dropit2(whichone){
if (window.themenu&&themenu.id!=whichone.id)
themenu.style.visibility="hidden"
themenu=whichone
if (document.all){
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible"
themenu.style.zIndex=zindex++
}
else{
hidemenu()
}
}
}

function dropit(e,whichone){
if (window.themenu&&themenu.id!=eval(whichone).id)
themenu.visibility="hide"
themenu=eval(whichone)
if (themenu.visibility=="hide")
themenu.visibility="show"
else
themenu.visibility="hide"
themenu.zIndex++
themenu.left=e.pageX-e.layerX
themenu.top=e.pageY-e.layerY+19
return false
}

function hidemenu(whichone){
if (window.themenu)
themenu.style.visibility="hidden"
}

function hidemenu2(){
themenu.visibility="hide"
}

if (document.all)
document.body.onclick=hidemenu

//以上不要改
</script>

<!----------菜单1开始---------->

<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu0);event.cancelBubble=true;return false"><font face=宋体><a href="#" onClick="if(document.layers) return dropit(event, 'document.dropmenu0')">站点列表</a></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------菜单1结束---------->

<!----------菜单2开始---------->

<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu1);event.cancelBubble=true;return false"><font face=宋体><a href="#" onClick="if(document.layers) return dropit(event, 'document.dropmenu1')">联络方式</a></font>
</span>
</span>
</layer>
</ilayer><br>
<!----------菜单2结束---------->

<div id=dropmenu0 style="position:absolute;left:0;top:0;layer-background-color:#CDECF5;background-color:#CDECF5;width:80;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu2
}
</script>

<div id=dropmenu1 style="position:absolute;left:0;top:0;layer-background-color:#CDECF5;background-color:#CDECF5;width:80;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript1.2">
if (document.all)
dropmenu1.style.padding="4px"
for (i=0;i<menu2.length;i++)
document.write(menu2[i])
</script>
</div>
<script language="JavaScript1.2">
if (document.layers){
document.dropmenu1.captureEvents(Event.CLICK)
document.dropmenu1.onclick=hidemenu2
}
</script>
</body>
</html>