☆天天学电脑教程-网页特效

pc.yzdown.com 脚本展示

　　这个菜单应该挺不错吧，不过这是一个用了绝对定位的table，所以如果想定位的话请查找“tyle="position:absolute;top=170;left=8”然后修改好你需要的位置。
　　而链接就找代码里的相应文字，做修改即可。
　　希望大家能发挥想象做出好效果。pc.yzdown.com-推荐！

以下代码加入<head>区域

以下代码加入<body>区域

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+''
                     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">';
                        }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 +"\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>'
                }
                
                     document.write(stringx);
      break
    }
  }
}

function document_load(){
	writetodocument();
}
pmenu1=new Menu('pc.yzdown.com','#','self');
pmenu2=new Menu('明 星 壁 纸','','self');
pmenu2.addItem(new MenuItem('      大陆明星壁纸','http://pc.yzdown.com/','top',false,'大陆明星壁纸'));
pmenu2.addItem(new MenuItem('      港台明星壁纸','http://pc.yzdown.com/','top',false,'港台明星壁纸'));
pmenu2.addItem(new MenuItem('      欧美明星壁纸','http://pc.yzdown.com/','top',false,'欧洲明星壁纸'));
pmenu2.addItem(new MenuItem('      日本明星壁纸','http://pc.yzdown.com/','top',false,'日本明星壁纸,因为空间不够，没有上传完，请原谅'));
pmenu2.addItem(new MenuItem('      韩国明星壁纸','http://pc.yzdown.com/','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_load()
          </script>

可能某段代码会由于COPY时的不小心以至不能正常显示，如发现此情况，请告知 pc.yzdown.com