仿 Office 2003 的工具条

工作之余做了这个小东西
仿Office 2003的工具条,主要尝试不用任何图片(当然不可能把所有按扭都做出来),所有的控件都是用Css和Javascript做的
菜单就不做了，偷懒中

感兴趣的朋友可以和我联系，大家交流交流．运行代码框
<textarea class="codeTextarea">&lt;html&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Language&quot; content=&quot;zh-cn&quot;&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot;&gt;&lt;title&gt;仿Office 2003的工具条&lt;/title&gt;&lt;script&gt;/*----------舜子制作Menu Javascript Made by PuterJamE-mail:[e-mail]-------------*/var listnum=0;var menu_height;var menu_width;var menu_left;var menu_top;var topMar = 1;var leftMar = -2;var space = 1;var isvisible;function listbox(listname,buttonname,valuename){this.listname=listnamethis.buttonname=buttonnamethis.valuename=valuename}function listaction(obj,action,showlist,scroll,tw){num=obj.id.charAt(obj.id.length-1)if (!scroll) {scroll=0}if (!tw) {tw=105}listbox=eval(lb[num].listname)listbutton=eval(lb[num].buttonname)listvalue=eval(lb[num].valuename)switch (action){case 0:listbox.className=&quot;getlist&quot;;listbutton.className=&quot;listover&quot;break;case 1:if (listbox.gf==&quot;0&quot;){listbox.className=&quot;lostlist&quot;;listbutton.className=&quot;menubar&quot;}break;case 2:for (i=0;i&lt;lb.length;i++){if (num!=i.toString()){nlistbox=eval(lb[i].listname)nlistbutton=eval(lb[i].buttonname)nlistvalue=eval(lb[i].valuename)nlistbox.className=&quot;lostlist&quot;;nlistbutton.className=&quot;menubar&quot;nlistbox.gf=&quot;0&quot;}}ShowMenu(listbox,showlist,tw,scroll);listbox.className=&quot;getlist&quot;;listbox.gf=&quot;1&quot;listnum=num;break;}}function HideMenu(){var mX;var mY;var vDiv;var mDiv;if (isvisible == true){vDiv = document.all(&quot;listDiv&quot;);mX = window.event.clientX + document.body.scrollLeft;mY = window.event.clientY + document.body.scrollTop;if ((mX &lt; parseInt(vDiv.style.left)) || (mX &gt; parseInt(vDiv.style.left)+vDiv.offsetWidth) ||(mY &lt; parseInt(vDiv.style.top)-menu_height) || (mY &gt; parseInt(vDiv.style.top)+vDiv.offsetHeight)) {vDiv.style.visibility = &quot;hidden&quot;;isvisible = false;}}if (isvisible==false){for (i=0;i&lt;lb.length;i++){listbox=eval(lb[i].listname)listbutton=eval(lb[i].buttonname)listvalue=eval(lb[i].valuename)listbox.className=&quot;lostlist&quot;;listbutton.className=&quot;menubar&quot;listbox.gf=&quot;0&quot;}}}function ShowMenu(obj,vMnuCode,tWidth,scroll) {vMnuCode = &quot;&lt;table id='submenu' cellspacing=0 cellpadding=0 bgcolor=#ffffff border=0 style='width:&quot;+tWidth +&quot;;border-collapse: collapse' class='listDiv'&gt;&lt;tr height=23&gt;&lt;td nowrap align=left&gt;&quot; +vMnuCode + &quot;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&quot;;menu_height = obj.offsetHeight;menu_width = obj.offsetWidth;menu_left = obj.offsetLeft + leftMar+2;menu_top = obj.offsetTop + topMar + menu_height + space-3;vParent = obj.offsetParent;while (vParent.tagName.toUpperCase() != &quot;BODY&quot;){menu_left += vParent.offsetLeft;menu_top += vParent.offsetTop;vParent = vParent.offsetParent;}listDiv.innerHTML = vMnuCode;listDiv.style.top = menu_top;listDiv.style.left = menu_left;if (scroll==0) {listDiv.style.overflow=&quot;visible&quot;;listDiv.style.width=tWidth}else {listDiv.style.overflow=&quot;scroll&quot;;listDiv.style.width=tWidth+18}listDiv.style.visibility = &quot;visible&quot;;var cssopaction=submenu.filters[0].opacitysubmenu.filters[0].opacity=0;submenu.filters[1].Apply();submenu.filters[0].opacity=100;submenu.filters[1].Play();isvisible = true;}function menuitem(lightcolor,normalcolor,icon,title,url){this.lightcolor=lightcolorthis.normalcolor=normalcolorthis.icon=iconthis.title=titlethis.url=url}function bulidmenu(arrayname){var menuarray=eval(arrayname)menucontent='&lt;table border=&quot;0&quot; width=&quot;100%&quot;&gt;'for (i=0;i&lt;menuarray.length;i++){if (menuarray[i].title!=&quot;_line&quot;){if (menuarray[i].url!=&quot;_disable&quot;){css=&quot;getitem&quot;}else{css=&quot;lostitem&quot;}if (menuarray[i].icon.length==0){content='&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tr&gt;&lt;td style=&quot;text-indent:4px&quot; class=&quot;'+css+'&quot;&gt;'+menuarray[i].title+'&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;'}else{content='&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tr&gt;&lt;td width=&quot;20&quot; nowrap&gt;&lt;img src=&quot;'+menuarray[i].icon+'&quot;&gt;&lt;/td&gt;&lt;td class=&quot;'+css+'&quot;&gt;'+menuarray[i].title+'&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;'}if (menuarray[i].url!=&quot;_disable&quot;){menucontent=menucontent+'&lt;tr&gt;&lt;td height=16 style=&quot;cursor:default&quot; onmouseover=&quot;style.backgroundColor=/''+ menuarray[i].lightcolor+'/'&quot; onmouseout=&quot;style.backgroundColor=/''+ menuarray[i].normalcolor+'/'&quot; onclick=&quot;Golist(/''+menuarray[i].title+'/')&quot;&gt;'+content+'&lt;/td&gt;&lt;/tr&gt;'}else{menucontent=menucontent+'&lt;tr&gt;&lt;td height=16 style=&quot;fitler:gray&quot;&gt;'+content+'&lt;/td&gt;&lt;/tr&gt;'}}else{menucontent=menucontent+'&lt;tr&gt;&lt;td height=4&gt;&lt;img src=&quot;images/dock.gif&quot; width=&quot;99%&quot; height=1&gt;&lt;/td&gt;&lt;/tr&gt;'}}menucontent=menucontent+&quot;&lt;/table&gt;&quot;return menucontent}function HL_Menu(obj,state){switch (state){case 0:obj.className=&quot;menuover&quot;break;case 1:obj.className=&quot;menuup&quot;break;}}var lb=new Array()lb[0]=new listbox('listbox0','listbutton0','listvalue0')lb[1]=new listbox('listbox1','listbutton1','listvalue1')var list1=new Array()list1[0]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;ListItem1&quot;,&quot;&quot;)list1[1]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;ListItem2&quot;,&quot;&quot;)list1[2]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;ListItem3&quot;,&quot;&quot;)list1[3]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;ListItem4&quot;,&quot;&quot;)list1[4]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;ListItem5&quot;,&quot;&quot;)list1[5]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;ListItem6&quot;,&quot;&quot;)list1[6]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;ListItem7&quot;,&quot;&quot;)list1[7]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;ListItem8&quot;,&quot;&quot;)list1[8]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;ListItem9&quot;,&quot;&quot;)list1[9]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;ListItem10&quot;,&quot;&quot;)blist1=bulidmenu(&quot;list1&quot;)var list2=new Array()list2[0]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;字体1&quot;,&quot;&quot;)list2[1]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;字体2&quot;,&quot;&quot;)list2[2]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;字体3&quot;,&quot;&quot;)list2[3]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;字体4&quot;,&quot;&quot;)list2[4]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;字体5&quot;,&quot;&quot;)list2[5]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;字体6&quot;,&quot;&quot;)list2[6]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;字体7&quot;,&quot;&quot;)list2[7]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;字体8&quot;,&quot;&quot;)list2[8]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;字体9&quot;,&quot;&quot;)list2[9]=new menuitem(&quot;#B1CBE4&quot;,&quot;&quot;,&quot;&quot;,&quot;字体10&quot;,&quot;&quot;)blist2=bulidmenu(&quot;list2&quot;)function Golist(text){listvalue=eval(lb[listnum].valuename)listvalue.innerText=textvDiv = document.all(&quot;listDiv&quot;);vDiv.style.visibility = &quot;hidden&quot;;isvisible = false;}&lt;/script&gt;&lt;style&gt;.lostfocus { border: 1px #ffffff solid; background-color: #ffffff; font-size: 12px; font-family: Arial; }.getfocus { border: 1px #08246B solid;background-color: #ffffff; font-family: Arial; font-size: 12px; }.menubar {filter:progid:DXImageTransform.Microsoft.Gradient(gradienttype=0, startcolorstr=#F7F7F7, endcolorstr=#DEDBD6)}.bodybar {filter:progid:DXImageTransform.Microsoft.Gradient(gradienttype=1, endcolorstr=#F7F7F7, startcolorstr=#DEDBD6)}.leftitem { font-family: Arial; font-size: 12px; color: #000000; cursor: hand }.getitem { font-family: Arial; font-size: 12px; color: #000000; cursor: default }.lostitem { cursor: default; color: #808080; font-size: 12px; font-family: Arial; }.menuup { PADDING-LEFT: 4px; PADDING-RIGHT: 4px; CURSOR: hand;}.menuover { PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BACKGROUND-COLOR: #B5BED6; BORDER: 1px solid #08246B; CURSOR: hand; }.lostlist { border: 1px #ffffff solid; background-color: #ffffff; font-size: 12px; font-family: Arial; }.getlist { border: 1px #08246B solid;background-color: #ffffff; font-family: Arial; font-size: 12px; }.listover {BACKGROUND-COLOR: #B5BED6; BORDER-left:1px solid #08246B}.listDiv { filter: alpha(opacity=90,finishopacity=0,style=0) blendtrans(duration=.3); }&lt;/style&gt;&lt;/head&gt;&lt;body onclick=&quot;HideMenu()&quot; style=&quot;margin:0px&quot; bgcolor=&quot;999999&quot;&gt;&lt;div id=listDiv style='border:1px #636563 solid;VISIBILITY: hidden;POSITION: absolute;overflow:scroll;height:150'&gt;&lt;/div&gt;&lt;table border=&quot;0&quot; width=&quot;100%&quot; id=&quot;table27&quot; class=&quot;bodybar&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; height=&quot;30&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; height=&quot;22&quot;&gt;&lt;tr&gt;&lt;td width=&quot;5&quot;&gt;&lt;/td&gt;&lt;td nowrap align=&quot;center&quot; onmouseover=&quot;HL_Menu(this,0)&quot; onmouseout=&quot;HL_Menu(this,1)&quot; class=&quot;menuup&quot;&gt;&lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tr&gt;&lt;td class=&quot;leftitem&quot;&gt;文件(F)&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;td width=&quot;5&quot;&gt;&lt;/td&gt;&lt;td nowrap align=&quot;center&quot; onmouseover=&quot;HL_Menu(this,0)&quot; onmouseout=&quot;HL_Menu(this,1)&quot; class=&quot;menuup&quot;&gt;&lt;table border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tr&gt;&lt;td class=&quot;leftitem&quot;&gt;编辑(E)&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;table border=&quot;1&quot; width=&quot;100&quot; id=&quot;table28&quot; cellspacing=&quot;0&quot; cellpadding=&quot;4&quot; bgcolor=&quot;#F7F7F7&quot; style=&quot;border-collapse: collapse&quot;&gt;&lt;tr&gt;&lt;td class=&quot;menubar&quot;&gt;&lt;table border=&quot;0&quot; width=&quot;100%&quot; id=&quot;table29&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tr&gt;&lt;td width=&quot;10&quot; nowrap&gt;&lt;table border=&quot;0&quot; width=&quot;2&quot; cellspacing=&quot;0&quot; cellpadding=&quot;1&quot; id=&quot;table30&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;img style=&quot;border:1px inset&quot; height=1 width=1&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;img style=&quot;border:1px inset&quot; height=1 width=1&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;img style=&quot;border:1px inset&quot; height=1 width=1&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;img style=&quot;border:1px inset&quot; height=1 width=1&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;td width=&quot;35&quot; nowrap&gt;&lt;font size=&quot;2&quot;&gt;姓名&lt;/font&gt;&lt;/td&gt;&lt;td width=&quot;130&quot; nowrap&gt;&lt;input type=&quot;text&quot; name=&quot;T5&quot; size=&quot;18&quot; class=&quot;lostfocus&quot; gf=&quot;0&quot; onmouseover='this.className=&quot;getfocus&quot;' onmouseout='if (this.gf==&quot;0&quot;) this.className=&quot;lostfocus&quot;' onblur='this.className=&quot;lostfocus&quot;;this.gf=&quot;0&quot;' onfocus='this.className=&quot;getfocus&quot;;this.gf=&quot;1&quot;'&gt;&lt;/td&gt;&lt;td width=&quot;35&quot; nowrap&gt;&lt;font size=&quot;2&quot;&gt;密码&lt;/font&gt;&lt;/td&gt;&lt;td width=&quot;124&quot; nowrap&gt;&lt;input type=&quot;password&quot; name=&quot;T6&quot; size=&quot;18&quot; class=&quot;lostfocus&quot; gf=&quot;0&quot; onmouseover='this.className=&quot;getfocus&quot;' onmouseout='if (this.gf==&quot;0&quot;) this.className=&quot;lostfocus&quot;' onblur='this.className=&quot;lostfocus&quot;;this.gf=&quot;0&quot;' onfocus='this.className=&quot;getfocus&quot;;this.gf=&quot;1&quot;'&gt;&lt;/td&gt;&lt;td width=&quot;5&quot; nowrap&gt;&lt;img style=&quot;border:1px inset&quot; height=14 width=0&gt;&lt;/td&gt;&lt;td nowrap align=&quot;center&quot; onmouseover=&quot;HL_Menu(this,0)&quot; onmouseout=&quot;HL_Menu(this,1)&quot; class=&quot;menuup&quot;&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; id=&quot;table31&quot; width=&quot;25&quot;&gt;&lt;tr&gt;&lt;td nowrap&gt;&lt;/td&gt;&lt;td class=&quot;leftitem&quot;&gt;登陆&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;td width=&quot;100%&quot; nowrap&gt;　&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;table border=&quot;1&quot; width=&quot;100&quot; id=&quot;table32&quot; cellspacing=&quot;0&quot; cellpadding=&quot;4&quot; bgcolor=&quot;#F7F7F7&quot; style=&quot;border-collapse: collapse&quot;&gt;&lt;tr&gt;&lt;td class=&quot;menubar&quot;&gt;&lt;table border=&quot;0&quot; width=&quot;100%&quot; id=&quot;table33&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;&lt;tr&gt;&lt;td width=&quot;10&quot; nowrap&gt;&lt;table border=&quot;0&quot; width=&quot;2&quot; cellspacing=&quot;0&quot; cellpadding=&quot;1&quot; id=&quot;table34&quot;&gt;&lt;tr&gt;&lt;td&gt;&lt;img style=&quot;border:1px inset&quot; height=1 width=1&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;img style=&quot;border:1px inset&quot; height=1 width=1&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;img style=&quot;border:1px inset&quot; height=1 width=1&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;img style=&quot;border:1px inset&quot; height=1 width=1&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;td width=&quot;78&quot; nowrap&gt;&lt;div id=&quot;listbox0&quot; class=&quot;lostfocus&quot; gf=&quot;0&quot; onmouseover='listaction(this,0)' onmouseout='listaction(this,1)' onclick='listaction(this,2,blist1,0)' style=&quot;cursor:default&quot;&gt;&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100&quot; height=&quot;18&quot; id=&quot;table35&quot;&gt;&lt;tr&gt;&lt;td valign=center style=&quot;text-indent:4px&quot;&gt;&lt;font size=&quot;2&quot; face=&quot;Verdana&quot;&gt;&lt;span id=listvalue0&gt;&amp;nbsp;&lt;/span&gt;&lt;/font&gt;&lt;/td&gt;&lt;td width=12 align=&quot;center&quot; class=&quot;menubar&quot; id=&quot;listbutton0&quot;&gt;&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; style=&quot;border-collapse: collapse&quot; id=&quot;table36&quot;&gt;&lt;tr height=1&gt;&lt;td width=&quot;1&quot; bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td width=&quot;1&quot; bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td width=&quot;1&quot; bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td width=&quot;1&quot; bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td width=&quot;1&quot; bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height=1&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height=1&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;/td&gt;&lt;td width=&quot;78&quot; nowrap&gt;&lt;div id=&quot;listbox1&quot; class=&quot;lostfocus&quot; gf=&quot;0&quot; onmouseover='listaction(this,0)' onmouseout='listaction(this,1)' onclick='listaction(this,2,blist2,1,100)' style=&quot;cursor:default&quot;&gt;&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100&quot; height=&quot;18&quot; id=&quot;table37&quot;&gt;&lt;tr&gt;&lt;td valign=center style=&quot;text-indent:4px&quot;&gt;&lt;font size=&quot;2&quot; face=&quot;Verdana&quot;&gt;&lt;span id=listvalue1&gt;&amp;nbsp;&lt;/span&gt;&lt;/font&gt;&lt;/td&gt;&lt;td width=12 align=&quot;center&quot; class=&quot;menubar&quot; id=&quot;listbutton1&quot;&gt;&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; style=&quot;border-collapse: collapse&quot; id=&quot;table38&quot;&gt;&lt;tr height=1&gt;&lt;td width=&quot;1&quot; bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td width=&quot;1&quot; bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td width=&quot;1&quot; bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td width=&quot;1&quot; bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td width=&quot;1&quot; bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height=1&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr height=1&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td bgcolor=&quot;#000000&quot;&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;/td&gt;&lt;td width=&quot;4&quot; nowrap&gt;　&lt;/td&gt;&lt;td width=&quot;5&quot; nowrap&gt;&lt;img style=&quot;border:1px inset&quot; height=14 width=0&gt;&lt;/td&gt;&lt;td nowrap align=&quot;center&quot; onmouseover=&quot;HL_Menu(this,0)&quot; onmouseout=&quot;HL_Menu(this,1)&quot; class=&quot;menuup&quot;&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; id=&quot;table39&quot; width=&quot;16&quot;&gt;&lt;tr&gt;&lt;td nowrap&gt;&lt;/td&gt;&lt;td class=&quot;leftitem&quot; align=center&gt;&lt;b&gt;B&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;td nowrap align=&quot;center&quot; onmouseover=&quot;HL_Menu(this,0)&quot; onmouseout=&quot;HL_Menu(this,1)&quot; class=&quot;menuup&quot;&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; id=&quot;table40&quot; width=&quot;16&quot;&gt;&lt;tr&gt;&lt;td nowrap&gt;&lt;/td&gt;&lt;td class=&quot;leftitem&quot; align=center&gt;&lt;i&gt;&lt;b&gt;I&lt;/b&gt;&lt;/i&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;td nowrap align=&quot;center&quot; onmouseover=&quot;HL_Menu(this,0)&quot; onmouseout=&quot;HL_Menu(this,1)&quot; class=&quot;menuup&quot;&gt;&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; id=&quot;table41&quot; width=&quot;16&quot;&gt;&lt;tr&gt;&lt;td nowrap&gt;&lt;/td&gt;&lt;td class=&quot;leftitem&quot; align=center&gt;&lt;u&gt;&lt;b&gt;U&lt;/b&gt;&lt;/u&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;td width=&quot;100%&quot; nowrap&gt;　&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;p&gt;&lt;font size=&quot;2&quot; color=&quot;#FFFFFF&quot;&gt;工作之余做了这个小东西&lt;br&gt;仿Office 2003的工具条,主要尝试不用任何图片(当然不可能把所有按扭都做出来),所有的控件都是用Css和Javascript做的&lt;br&gt;菜单就不做了，偷懒中&lt;br&gt;&lt;br&gt;感兴趣的朋友可以和我联系，大家交流交流．&lt;/font&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;&lt;font size=&quot;2&quot; color=&quot;#FFFFFF&quot;&gt;&lt;a href=&quot;mailto:[e-mail]&quot;&gt;&lt;font color=&quot;#FFFFFF&quot; face=&quot;Arial&quot;&gt;[e-mail]&lt;/font&gt;&lt;/a&gt;&lt;/font&gt;&lt;/b&gt;&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</textarea>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]