仿 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 全部选择 提示:你可先修改部分代码,再按运行]

Qt的纽带风格界面实现(最新的Office Ribbon风格)

Qt的纽带风格界面实现(最新的Office Ribbon风格)     之前有朋友已经做了360风格的自定义界面,非常棒,也帮助了不少开发的朋友。近期我也用Qt做了一些界面框架和风格方面的工作,主要是...
  • sdust_dx
  • sdust_dx
  • 2017年12月13日 16:03
  • 86

用DevExpress做界面开发:仿Office的Winforms界面框架

DevExpress Winforms Controls拥有超过130个控件和库,它囊括了满足WinForms平台的几乎所有开发工具。无论是Office风格,还是可触摸操作还是以数据为主的商业智能应用...
  • IBigPig
  • IBigPig
  • 2015年11月04日 15:24
  • 1584

C#连接Excel和Access(包括2003和2007版)方法总结

一、说明:        C#采用OLEDBConnection连接Excel、Access。要连接的数据源版本不同,连接字符串也不同。 97-2003版本 EXCEL Provider=Mi...
  • lucky51222
  • lucky51222
  • 2016年06月08日 17:49
  • 1984

WPF模拟Office2010文件菜单的TabControl模板

原文转载:http://my.oschina.net/linuxred/blog/93828 近日项目使用TabControl ,希望好看一下,从网上搜到上面那篇博客,仿Office样式,很好看,但...
  • songqingwei1988
  • songqingwei1988
  • 2015年12月04日 10:29
  • 1619

如何在win8 装office 2003及密钥

解决步骤:   1、使用热键组合“WIN+X”调出快捷菜单,选择“控制面板”并进入,在控制面板的系统和安全中选择“WINDOWS 更新”下的“安装可选更新”。    2、点击进入以后,...
  • folgenfF
  • folgenfF
  • 2018年01月16日 08:57
  • 19

Word如何删除尾注的横线(Office 2003)

Word如何删除尾注的横线(Office 2003)   核心提示:1.尾注横线原图(注意:有两种,一种是短线,位于第一个尾注上方;另一种是长线,位于后面每页的上方),如下图所示...
  • xuchuangqi
  • xuchuangqi
  • 2016年06月14日 18:46
  • 463

在工具栏上加控件

我们经常看到  有些控件式放到工具栏上,但是我用微软工具
  • wuan584974722
  • wuan584974722
  • 2014年10月05日 17:30
  • 1048

Winform开发框架之Office Ribbon界面

Winform开发框架之Office Ribbon界面 在前面几篇文章介绍我的Winform框架随笔文章,包括有《Winform开发框架之字典数据管理》、《Winform开发框架之权限管理系...
  • u010655348
  • u010655348
  • 2017年01月15日 00:04
  • 1580

添加找回鼠标右键新建菜单里的新建office2003/2007/2010文档的简洁方法

鼠标右键新建菜单里的新建office文档丢失了怎么办?我们可以通过一些优化设置软件如优化大师来定制,但更简单的方法是只需要导入相应的注册表设置就行了。 下面即在鼠标右键新建菜单里添加新建office...
  • tianyazaiheruan
  • tianyazaiheruan
  • 2013年08月27日 10:15
  • 3777

对话框中添加工具条

在对话框中添加工具条主要有三个任务: 1、创建工具条按钮; 2、为按钮指定图标; 3、给按钮添加响应事件。         下面将利用资源管理器(也可以通过代码直接创建,这里占时不讨论...
  • u010260855
  • u010260855
  • 2014年03月30日 11:01
  • 1121
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:仿 Office 2003 的工具条
举报原因:
原因补充:

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