仿 Office 2003 的工具条

原创 2006年05月28日 20:44:00
工作之余做了这个小东西
仿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 PuterJam E-mail:puterjam@etang.com -------------*/ 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=listname this.buttonname=buttonname this.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].opacity submenu.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=lightcolor this.normalcolor=normalcolor this.icon=icon this.title=title this.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=text vDiv = 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:puterjam@etang.com&quot;&gt; &lt;font color=&quot;#FFFFFF&quot; face=&quot;Arial&quot;&gt;PuterJam@etang.com&lt;/font&gt;&lt;/a&gt;&lt;/font&gt;&lt;/b&gt; &lt;/p&gt; &lt;/body&gt; &lt;/html&gt;</textarea>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

相关文章推荐

仿易语言IDE工具条移动

  • 2013年10月21日 22:01
  • 63KB
  • 下载

安卓开发 顶部工具栏 带返回功能 仿手机QQ顶部工具条

开发环境搭建   http://blog.csdn.net/juyangjia/article/details/9471561 HelloWorld http://blog.csdn.net/juya...

google的PR值查询代码(仿GG工具条)

  • 2008年07月28日 13:49
  • 84KB
  • 下载

在 Office 系列软件中创建 COM 插件工具条,并实现工具条上的弹出菜单

前两天,在CSDN瞎逛悠,见一老兄问到此问,却没有人作答(顶的人倒还不少,国内的论坛是不是都这样?),还发了些牢骚,俺也顺便跟着发了点牢骚:) 于是坐下来静下心研究了一下,今日终于成了正果,不敢私吞...

extjs扩展工具条

  • 2013年12月09日 19:49
  • 2KB
  • 下载

工具条.ppt

  • 2014年08月14日 09:35
  • 194KB
  • 下载

VC 2010 + MFC : 在对话框里面加入工具条CMFCToolBar

VC 2010 + MFC : 在对话框里面加入工具条CMFCToolBar By:章永辉              VC 2010 + MFC 新库的资料很少,以下给出本人的实现方...

Firefox 新浪分享工具条扩展

  • 2013年06月10日 17:11
  • 10KB
  • 下载

C# SanBar工具条界面美化控件

  • 2014年08月06日 01:52
  • 691KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:仿 Office 2003 的工具条
举报原因:
原因补充:

(最多只允许输入30个字)