找回密码
 注册
搜索
系统gho:最纯净好用系统下载站投放广告、加入VIP会员,请联系 微信:wuyouceo
查看: 947|回复: 4

这里送上一个风页特效代码!

[复制链接]
发表于 2001-8-24 22:15:28 | 显示全部楼层 |阅读模式
[html]<html>
<head>
<title>管理系统</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<STYLE type=text/css>
A:link{text-decoration:none; color:menutext}
A:visited{text-decoration:none; color:menutext}
#menubar {
BACKGROUND: menu;
FONT: menu;
CURSOR: default;
POSITION: relative;
}
#menubar .root {
BORDER-RIGHT: menu 1px solid;
PADDING-RIGHT: 2pt;
BORDER-TOP: menu 1px solid;
PADDING-LEFT: 2pt;
BORDER-LEFT: menu 1px solid;
BORDER-BOTTOM: menu 1px solid;
}
.handbtn {
BACKGROUND: buttonface;
BORDER-BOTTOM: buttonshadow 1px solid;
BORDER-LEFT: buttonhighlight 1px solid;
BORDER-RIGHT: buttonshadow 1px solid;
BORDER-TOP: buttonhighlight 1px solid;
HEIGHT: 1px;
WIDTH: 3px;
}
#menubar TABLE TD {
PADDING-RIGHT: 12pt;
PADDING-LEFT: 12pt;
PADDING-BOTTOM: 2pt;
MARGIN: 0pt;
PADDING-TOP: 2pt;
}
#menubar .highlight {
BACKGROUND: highlight;
color: highlighttext;
cursor:nw-resize
}
#menubar .link {
BACKGROUND: menu;
color: menutext;
}
#menubar .disabledhighlight {
BACKGROUND: menu;
COLOR: graytext;
}
#menubar #break {
PADDING-RIGHT: 0pt;
PADDING-LEFT: 0pt;
PADDING-BOTTOM: 0pt;
MARGIN: 0pt;
PADDING-TOP: 0pt
}
#menubar .disabled {
COLOR: graytext;
}
  tr.over        {font-size: 9pt; color: #FFFFFF; background-color: #003366; cursor: default;}
  tr.out         {font-size: 9pt; color: #000000; background-color: menu; cursor: default;}
  div.rm_div     {position: absolute; filter: Alpha(Opacity='95'); display: none; border: 2px outset #efefef; background-color: menu; width: 0; height: 0;}
  hr.sperator    {border: 1px inset #CCCCCC;}
</STYLE>
<script language="javascript">
function getRootTable(el)
{
el = el.offsetParent
if (el.tagName=="TR")
el = el.offsetParent;
return el
}
function raiseMenu(el) {
el.style.borderLeft = "1px buttonhighlight solid"
el.style.borderTop = "1px buttonhighlight solid"
el.style.borderRight = "1px buttonshadow solid"
el.style.borderBottom = "1px buttonshadow solid"
el.style.background = "buttonface"
}
function clearHighlight(el) {
if (el==null) return
el.style.borderRight = "1px menu solid"
el.style.borderBottom = "1px menu solid"
el.style.borderTop = "1px menu solid"
el.style.borderLeft = "1px menu solid"
el.style.background = "menu"
}
function sinkMenu(el) {
el.style.borderRight = "1px buttonhighlight solid"
el.style.borderBottom = "1px buttonhighlight solid"
el.style.borderTop = "1px buttonshadow solid"
el.style.borderLeft = "1px buttonshadow solid"
el.style.background = "menu";
}
function viewMenu(el)
{
sinkMenu(el);
document.all("frmwork").style.display="none";
var PopMenu;
var leftWidth=0;
PopMenu = eval("E_" + el.id);
HideAll(el.id,0);
PopMenu.style.display="block";
PopMenu.style.posLeft=el.style.posLeft + el.offsetLeft;
PopMenu.style.posTop=el.style.posTop+26;
}
</script>
<script language="JScript">
  <!--
  function RightMenu(name)
  {
    this.AddExtendMenu=AddExtendMenu;
    this.AddItem=AddItem;
    this.GetMenu=GetMenu;
    this.HideAll=HideAll;
    this.I_OnMouseOver=I_OnMouseOver;
    this.I_OnMouseOut=I_OnMouseOut;
    this.I_OnMouseUp=I_OnMouseUp;
    this.P_OnMouseOver=P_OnMouseOver;
    this.P_OnMouseOut=P_OnMouseOut;
    A_cmd = new Array();
    A_help=new Array();
    A_display=new Array();
    HTMLstr  = "";
    HTMLstr += "<!-- RightButton PopMenu -->\n";
    HTMLstr += "\n";
    HTMLstr += "<!-- PopMenu Starts -->\n";
    HTMLstr += "<div id='E_"+name+"' class='rm_div'>\n";
    HTMLstr += "<table width='100%' border='0' cellspacing='0'>\n";
    HTMLstr += "<!-- Insert A Extend Menu or Item On Here For E_"+name+" -->\n";
    HTMLstr += "</table>\n";
    HTMLstr += "</div>\n";
    HTMLstr += "<!-- Insert A Extend_Menu Area on Here For E_"+name+" -->";
    HTMLstr += "\n";
    HTMLstr += "<!-- PopMenu Ends -->\n";
  }
  function AddExtendMenu(id,name,parent)
  {
    var TempStr = "";
    if(HTMLstr.indexOf("<!-- Extend Menu Area : E_"+id+" -->") != -1)
    {
      alert("E_"+id+"already exist!");
      return;
    }
    eval("A_"+parent+".length++");
    eval("A_"+parent+"[A_"+parent+".length-1] = id");
    TempStr += "<!-- Extend Menu Area : E_"+id+" -->\n";
    TempStr += "<div id='E_"+id+"' class='rm_div'>\n";
    TempStr += "<table width='100%' border='0' cellspacing='0'>\n";
    TempStr += "<!-- Insert A Extend Menu or Item On Here For E_"+id+" -->";
    TempStr += "</table>\n";
    TempStr += "</div>\n";
    TempStr += "<!-- Insert A Extend_Menu Area on Here For E_"+id+" -->";
    TempStr += "<!-- Insert A Extend_Menu Area on Here For E_"+parent+" -->";
    HTMLstr = HTMLstr.replace("<!-- Insert A Extend_Menu Area on Here For E_"+parent+" -->",TempStr);
   
    eval("A_"+id+" = new Array()");
    TempStr  = "";
    TempStr += "<!-- Extend Item : P_"+id+" -->\n";
    TempStr += "<tr id='P_"+id+"' class='out'";
    TempStr += " onmouseover='P_OnMouseOver(\""+id+"\",\""+parent+"\")'";
    TempStr += " onmouseout='P_OnMouseOut(\""+id+"\",\""+parent+"\")'";
    TempStr += " onmouseup=window.event.cancelBubble=true;";
    TempStr += " onclick=window.event.cancelBubble=true;";
    TempStr += "><td nowrap>";
    TempStr += "   "+name+"      </td><td style='font-family: webdings; text-align: right;'>4";
    TempStr += "</td></tr>\n";
    TempStr += "<!-- Insert A Extend Menu or Item On Here For E_"+parent+" -->";
    HTMLstr = HTMLstr.replace("<!-- Insert A Extend Menu or Item On Here For E_"+parent+" -->",TempStr);
  }
  function AddItem(id,name,parent,location)
  {
    var TempStr = "";
    var ItemStr = "<!-- ITEM : I_"+id+" -->";
    if(id == "sperator")
    {
      TempStr += ItemStr+"\n";
      TempStr += "<tr style='height: 3;' class='out' onclick='window.event.cancelBubble=true;' onmouseup='window.event.cancelBubble=true;'><td colspan='2'><hr class='sperator'></td></tr>";
      TempStr += "<!-- Insert A Extend Menu or Item On Here For E_"+parent+" -->";
      HTMLstr = HTMLstr.replace("<!-- Insert A Extend Menu or Item On Here For E_"+parent+" -->",TempStr);
      return;
    }
    if(HTMLstr.indexOf(ItemStr) != -1)
    {
      alert("I_"+id+"already exist!");
      return;
    }
    TempStr += ItemStr+"\n";
    TempStr += "<tr id='I_"+id+"' class='out'";
    TempStr += " onmouseover='I_OnMouseOver(\""+id+"\",\""+parent+"\")'";
    TempStr += " onmouseout='I_OnMouseOut(\""+id+"\")'";
    TempStr += " onclick='window.event.cancelBubble=true;'";
    if(location == null)
      TempStr += " onmouseup='I_OnMouseUp(\""+id+"\",\""+parent+"\",null)'";
    else
      TempStr += " onmouseup='I_OnMouseUp(\""+id+"\",\""+parent+"\",\""+location+"\")'";
    TempStr += "><td nowrap height='20'>";
    TempStr += "   "+name+"   ";
    TempStr += "</td><td></td></tr>\n";
    TempStr += "<!-- Insert A Extend Menu or Item On Here For E_"+parent+" -->";
    HTMLstr = HTMLstr.replace("<!-- Insert A Extend Menu or Item On Here For E_"+parent+" -->",TempStr);
  }
  function GetMenu()
  {
    return HTMLstr;
  }
  function I_OnMouseOver(id,parent)
  {
    var Item;
    if(parent != "cmd")
    {
      var ParentItem;
      ParentItem = eval("P_"+parent);
      ParentItem.className="over";
    }
    Item = eval("I_"+id);
    Item.className="over";
    HideAll(parent,1);
  }
  function I_OnMouseOut(id)
  {
    var Item;
    Item = eval("I_"+id);
    Item.className="out";
  }
  function I_OnMouseUp(id,parent,location)
  {
    var ParentMenu;
    window.event.cancelBubble=true;
    OnClick();
    window.open(location);
  }
  function P_OnMouseOver(id,parent)
  {
    var Item;
    var Extend;
    var Parent;
    if(parent != "cmd" && parent !="display" && parent !="help")
    {
      var ParentItem;
      ParentItem = eval("P_"+parent);
      ParentItem.className="over";
    }
    HideAll(parent,1);
    Item = eval("P_"+id);
    Extend = eval("E_"+id);
    Parent = eval("E_"+parent);
    Item.className="over";
    Extend.style.display="block";
    Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth-4;
    if(Extend.style.posLeft+Extend.offsetWidth > document.body.scrollLeft+document.body.clientWidth)
        Extend.style.posLeft=Extend.style.posLeft-Parent.offsetWidth-Extend.offsetWidth+8;
    if(Extend.style.posLeft < 0) Extend.style.posLeft=document.body.scrollLeft+Parent.offsetLeft+Parent.offsetWidth;
    Extend.style.posTop=Parent.offsetTop+Item.offsetTop;
    if(Extend.style.posTop+Extend.offsetHeight > document.body.scrollTop+document.body.clientHeight)
      Extend.style.posTop=document.body.scrollTop+document.body.clientHeight-Extend.offsetHeight;
    if(Extend.style.posTop < 0) Extend.style.posTop=0;
  }
  function P_OnMouseOut(id,parent)
  {
  }
  function HideAll(id,flag)
  {
    var Area;
    var Temp;
    var i;
    if(!flag)
    {
      Temp = eval("E_"+id);
      Temp.style.display="none";
    }
    Area = eval("A_"+id);
    if(Area.length)
    {
      for(i=0; i < Area.length; i++)
      {
        HideAll(Area,0);
        Temp = eval("E_"+Area);
        Temp.style.display="none";
        Temp = eval("P_"+Area);
        Temp.className="out";
      }
    }
  }
  document.onclick=OnClick;
  function OnClick()
  {
    var el=event.srcElement;
    if (el.className !="root")
    {
    HideAll("cmd",0);
    document.all("frmwork").style.display="";
    }
  }
  -->
  </script>
</head>
<body bgColor=white leftmargin="0" topmargin="0">
  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
  <tr>
    <td height="20">
<table width='100%' cellpadding='0' cellspacing='0' border='0' style='background:menu; BACKGROUND: buttonface; BORDER-BOTTOM: buttonshadow 1px solid; BORDER-LEFT: buttonhighlight 1px solid; BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid;'><tr><TD><SPAN class=handbtn></SPAN></TD><td>
<TABLE ID=menuBar  ONSELECTSTART='return false' onclick="viewMenu(event.srcElement);" ONMOUSEOVER="raiseMenu(event.srcElement);" onmouseout="clearHighlight(event.srcElement);"><TR>
<TD NOWRAP CLASS=root id='cmd'>操作指令</TD>
</TR></TABLE></td><td width=100% ></td></tr></table>
<script language="JScript">
  <!--
  var menu = new RightMenu("cmd");
  menu.AddExtendMenu("cm","用户管理","cmd");
  menu.AddItem("guest","游客管理","cm",null);
  menu.AddItem("enterprise","企业客户管理","cm",null);
  menu.AddItem("member","账号管理","cm",null);
  menu.AddExtendMenu("pm","产品管理","cmd");
  menu.AddExtendMenu("cxm","用户管理","pm");
  menu.AddItem("xguest","游客管理","cxm",null);
  menu.AddItem("entxerprise","企业客户管理","cxm",null);
  menu.AddItem("mexmber","账号管理","cxm",null);
  menu.AddItem("P_catalog","产品目录管理","pm",null);
  menu.AddItem("P_content","产品信息管理","pm",null);
  menu.AddItem("P_price","产品价格管理","pm",null);
  menu.AddItem("P_publish","审核出版管理","pm",null);
  menu.AddItem("P_arc","产品归档管理","pm",null);
  document.writeln(menu.GetMenu());
  -->
  </script></td>
  </tr>
  <tr>
    <td height="100%" onmouseover="OnClick();">
<IFRAME frameBorder=0 id="frmwork" name="frmwork" src="" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"></IFRAME>
    </td>
  </tr>
</table>
</body>
</html>
[/html]
发表于 2001-8-24 22:55:19 | 显示全部楼层

这里送上一个风页特效代码!

呵 ..你的主页很好,有机会向你好好学习!
回复

使用道具 举报

发表于 2001-8-25 01:00:20 | 显示全部楼层

这里送上一个风页特效代码!

路过。。。。。。。。
回复

使用道具 举报

发表于 2001-8-25 16:35:36 | 显示全部楼层

这里送上一个风页特效代码!

不错不错!
回复

使用道具 举报

发表于 2001-8-26 23:56:06 | 显示全部楼层

这里送上一个风页特效代码!

什么不错啊?????什么是“风页特效代码”?我倒。。。。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|Archiver|捐助支持|无忧启动 ( 闽ICP备05002490号-1|闽公网安备35020302032614号 )

GMT+8, 2026-8-5 01:42

Powered by Discuz! X5.0

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表