2006-10-17 21:52
一颗孤独星
仿Office 2003的工具条
代码如下:
[quote]%26lt;html%26gt;
%26lt;head%26gt;
%26lt;meta http-equiv=%26quot;Content-Language%26quot; content=%26quot;zh-cn%26quot;%26gt;
%26lt;meta http-equiv=%26quot;Content-Type%26quot; content=%26quot;text/html; charset=gb2312%26quot;%26gt;
%26lt;title%26gt;仿Office 2003的工具条%26lt;/title%26gt;
%26lt;script%26gt;
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=%26quot;getlist%26quot;;listbutton.className=%26quot;listover%26quot;
break;
case 1:
if (listbox.gf==%26quot;0%26quot;)
{listbox.className=%26quot;lostlist%26quot;;listbutton.className=%26quot;menubar%26quot;}
break;
case 2:
for (i=0;i%26lt;lb.length;i++)
{
if (num!=i.toString()){
nlistbox=eval(lb[i].listname)
nlistbutton=eval(lb[i].buttonname)
nlistvalue=eval(lb[i].valuename)
nlistbox.className=%26quot;lostlist%26quot;;nlistbutton.className=%26quot;menubar%26quot;
nlistbox.gf=%26quot;0%26quot;
}
}
ShowMenu(listbox,showlist,tw,scroll);listbox.className=%26quot;getlist%26quot;;listbox.gf=%26quot;1%26quot;
listnum=num;
break;
}
}
function HideMenu()
{
var mX;
var mY;
var vDiv;
var mDiv;
if (isvisible == true)
{
vDiv = document.all(%26quot;listDiv%26quot;);
mX = window.event.clientX + document.body.scrollLeft;
mY = window.event.clientY + document.body.scrollTop;
if ((mX %26lt; parseInt(vDiv.style.left)) || (mX %26gt; parseInt(vDiv.style.left)+vDiv.offsetWidth) ||
(mY %26lt; parseInt(vDiv.style.top)-menu_height) || (mY %26gt; parseInt(vDiv.style.top)+vDiv.offsetHeight)) {
vDiv.style.visibility = %26quot;hidden%26quot;;
isvisible = false;
}
}
if (isvisible==false)
{
for (i=0;i%26lt;lb.length;i++)
{
listbox=eval(lb[i].listname)
listbutton=eval(lb[i].buttonname)
listvalue=eval(lb[i].valuename)
listbox.className=%26quot;lostlist%26quot;;listbutton.className=%26quot;menubar%26quot;
listbox.gf=%26quot;0%26quot;
}
}
}
function ShowMenu(obj,vMnuCode,tWidth,scroll) {
vMnuCode = %26quot;%26lt;table id='submenu' cellspacing=0 cellpadding=0 bgcolor=#ffffff border=0 style='width:%26quot;+tWidth +
%26quot;;border-collapse: collapse' class='listDiv'%26gt;%26lt;tr height=23%26gt;%26lt;td nowrap align=left%26gt;%26quot; +
vMnuCode + %26quot;%26lt;/td%26gt;%26lt;/tr%26gt;%26lt;/table%26gt;%26quot;;
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() != %26quot;BODY%26quot;)
{
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=%26quot;visible%26quot;;listDiv.style.width=tWidth}
else {listDiv.style.overflow=%26quot;scroll%26quot;;listDiv.style.width=tWidth+18}
listDiv.style.visibility = %26quot;visible%26quot;;
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='%26lt;table border=%26quot;0%26quot; width=%26quot;100%%26quot;%26gt;'
for (i=0;i%26lt;menuarray.length;i++)
{
if (menuarray[i].title!=%26quot;_line%26quot;)
{
if (menuarray[i].url!=%26quot;_disable%26quot;){css=%26quot;getitem%26quot;}else{css=%26quot;lostitem%26quot;}
if (menuarray[i].icon.length==0)
{
content='%26lt;table cellspacing=%26quot;0%26quot; cellpadding=%26quot;0%26quot;%26gt;%26lt;tr%26gt;%26lt;td style=%26quot;text-indent:4px%26quot; class=%26quot;'+css+'%26quot;%26gt;'+menuarray[i].title+'%26lt;/td%26gt;%26lt;/tr%26gt;%26lt;/table%26gt;'
}
else
{
content='%26lt;table cellspacing=%26quot;0%26quot; cellpadding=%26quot;0%26quot;%26gt;%26lt;tr%26gt;%26lt;td width=%26quot;20%26quot; nowrap%26gt;%26lt;img src="http://www.28600.com/article1/%26quot;+menuarray[i].icon+%26quot;%26gt;%26lt;/td%26gt;%26lt;td" class=%26quot;'+css+'%26quot;%26gt;'+menuarray[i].title+'%26lt;/td%26gt;%26lt;/tr%26gt;%26lt;/table%26gt;'
}
if (menuarray[i].url!=%26quot;_disable%26quot;){
menucontent=menucontent+'%26lt;tr%26gt;%26lt;td height=16 style=%26quot;cursor:default%26quot; onmouseover=%26quot;style.backgroundColor=\''+ menuarray[i].lightcolor+'\'%26quot; onmouseout=%26quot;style.backgroundColor=\''+ menuarray[i].normalcolor+'\'%26quot; onclick=%26quot;Golist(\''+menuarray[i].title+'\')%26quot;%26gt;'+content+'%26lt;/td%26gt;%26lt;/tr%26gt;'
}
else
{
menucontent=menucontent+'%26lt;tr%26gt;%26lt;td height=16 style=%26quot;fitler:gray%26quot;%26gt;'+content+'%26lt;/td%26gt;%26lt;/tr%26gt;'
}
}
else
{
menucontent=menucontent+'%26lt;tr%26gt;%26lt;td height=4%26gt;%26lt;img src="http://www.28600.com/article1/%26quot;images/dock.gif%26quot;" width=%26quot;99%%26quot; height=1%26gt;%26lt;/td%26gt;%26lt;/tr%26gt;'
}
}
menucontent=menucontent+%26quot;%26lt;/table%26gt;%26quot;
return menucontent
}
function HL_Menu(obj,state)
{
switch (state)
{
case 0:
obj.className=%26quot;menuover%26quot;
break;
case 1:
obj.className=%26quot;menuup%26quot;
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(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;ListItem1%26quot;,%26quot;%26quot;)
list1[1]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;ListItem2%26quot;,%26quot;%26quot;)
list1[2]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;ListItem3%26quot;,%26quot;%26quot;)
list1[3]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;ListItem4%26quot;,%26quot;%26quot;)
list1[4]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;ListItem5%26quot;,%26quot;%26quot;)
list1[5]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;ListItem6%26quot;,%26quot;%26quot;)
list1[6]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;ListItem7%26quot;,%26quot;%26quot;)
list1[7]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;ListItem8%26quot;,%26quot;%26quot;)
list1[8]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;ListItem9%26quot;,%26quot;%26quot;)
list1[9]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;ListItem10%26quot;,%26quot;%26quot;)
blist1=bulidmenu(%26quot;list1%26quot;)
var list2=new Array()
list2[0]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;字体1%26quot;,%26quot;%26quot;)
list2[1]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;字体2%26quot;,%26quot;%26quot;)
list2[2]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;字体3%26quot;,%26quot;%26quot;)
list2[3]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;字体4%26quot;,%26quot;%26quot;)
list2[4]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;字体5%26quot;,%26quot;%26quot;)
list2[5]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;字体6%26quot;,%26quot;%26quot;)
list2[6]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;字体7%26quot;,%26quot;%26quot;)
list2[7]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;字体8%26quot;,%26quot;%26quot;)
list2[8]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;字体9%26quot;,%26quot;%26quot;)
list2[9]=new menuitem(%26quot;#B1CBE4%26quot;,%26quot;%26quot;,%26quot;%26quot;,%26quot;字体10%26quot;,%26quot;%26quot;)
blist2=bulidmenu(%26quot;list2%26quot;)
function Golist(text)
{
listval[/quote]
2006-10-17 21:53
一颗孤独星
%26lt;/td%26gt;
%26lt;td width=%26quot;100%%26quot; nowrap%26gt; %26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;
%26lt;table border=%26quot;1%26quot; width=%26quot;100%26quot; id=%26quot;table32%26quot; cellspacing=%26quot;0%26quot; cellpadding=%26quot;4%26quot; bgcolor=%26quot;#F7F7F7%26quot; style=%26quot;border-collapse: collapse%26quot;%26gt;
%26lt;tr%26gt;
%26lt;td class=%26quot;menubar%26quot;%26gt;
%26lt;table border=%26quot;0%26quot; width=%26quot;100%%26quot; id=%26quot;table33%26quot; cellspacing=%26quot;0%26quot; cellpadding=%26quot;0%26quot;%26gt;
%26lt;tr%26gt;
%26lt;td width=%26quot;10%26quot; nowrap%26gt;
%26lt;table border=%26quot;0%26quot; width=%26quot;2%26quot; cellspacing=%26quot;0%26quot; cellpadding=%26quot;1%26quot; id=%26quot;table34%26quot;%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;img style=%26quot;border:1px inset%26quot; height=1 width=1%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;img style=%26quot;border:1px inset%26quot; height=1 width=1%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;img style=%26quot;border:1px inset%26quot; height=1 width=1%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;%26lt;img style=%26quot;border:1px inset%26quot; height=1 width=1%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;%26lt;/td%26gt;
%26lt;td width=%26quot;78%26quot; nowrap%26gt;
%26lt;div id=%26quot;listbox0%26quot; class=%26quot;lostfocus%26quot; gf=%26quot;0%26quot; onmouseover='listaction(this,0)' onmouseout='listaction(this,1)' onclick='listaction(this,2,blist1,0)' style=%26quot;cursor:default%26quot;%26gt;
%26lt;table border=%26quot;0%26quot; cellpadding=%26quot;0%26quot; cellspacing=%26quot;0%26quot; width=%26quot;100%26quot; height=%26quot;18%26quot; id=%26quot;table35%26quot;%26gt;
%26lt;tr%26gt;
%26lt;td valign=center style=%26quot;text-indent:4px%26quot;%26gt;%26lt;font size=%26quot;2%26quot; face=%26quot;Verdana%26quot;%26gt;
%26lt;span id=listvalue0%26gt;
%26amp;nbsp;%26lt;/span%26gt;%26lt;/font%26gt;%26lt;/td%26gt;
%26lt;td width=12 align=%26quot;center%26quot; class=%26quot;menubar%26quot; id=%26quot;listbutton0%26quot;%26gt;
%26lt;table border=%26quot;0%26quot; cellpadding=%26quot;0%26quot; style=%26quot;border-collapse: collapse%26quot; id=%26quot;table36%26quot;%26gt;
%26lt;tr height=1%26gt;
%26lt;td width=%26quot;1%26quot; bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td width=%26quot;1%26quot; bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td width=%26quot;1%26quot; bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td width=%26quot;1%26quot; bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td width=%26quot;1%26quot; bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr height=1%26gt;
%26lt;td%26gt;%26lt;/td%26gt;
%26lt;td bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr height=1%26gt;
%26lt;td%26gt;%26lt;/td%26gt;
%26lt;td%26gt;%26lt;/td%26gt;
%26lt;td bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td%26gt;%26lt;/td%26gt;
%26lt;td%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/div%26gt;%26lt;/td%26gt;
%26lt;td width=%26quot;78%26quot; nowrap%26gt;
%26lt;div id=%26quot;listbox1%26quot; class=%26quot;lostfocus%26quot; gf=%26quot;0%26quot; onmouseover='listaction(this,0)' onmouseout='listaction(this,1)' onclick='listaction(this,2,blist2,1,100)' style=%26quot;cursor:default%26quot;%26gt;
%26lt;table border=%26quot;0%26quot; cellpadding=%26quot;0%26quot; cellspacing=%26quot;0%26quot; width=%26quot;100%26quot; height=%26quot;18%26quot; id=%26quot;table37%26quot;%26gt;
%26lt;tr%26gt;
%26lt;td valign=center style=%26quot;text-indent:4px%26quot;%26gt;%26lt;font size=%26quot;2%26quot; face=%26quot;Verdana%26quot;%26gt;%26lt;span id=listvalue1%26gt;
%26amp;nbsp;%26lt;/span%26gt;%26lt;/font%26gt;%26lt;/td%26gt;
%26lt;td width=12 align=%26quot;center%26quot; class=%26quot;menubar%26quot; id=%26quot;listbutton1%26quot;%26gt;
%26lt;table border=%26quot;0%26quot; cellpadding=%26quot;0%26quot; style=%26quot;border-collapse: collapse%26quot; id=%26quot;table38%26quot;%26gt;
%26lt;tr height=1%26gt;
%26lt;td width=%26quot;1%26quot; bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td width=%26quot;1%26quot; bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td width=%26quot;1%26quot; bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td width=%26quot;1%26quot; bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td width=%26quot;1%26quot; bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr height=1%26gt;
%26lt;td%26gt;%26lt;/td%26gt;
%26lt;td bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr height=1%26gt;
%26lt;td%26gt;%26lt;/td%26gt;
%26lt;td%26gt;%26lt;/td%26gt;
%26lt;td bgcolor=%26quot;#000000%26quot;%26gt;%26lt;/td%26gt;
%26lt;td%26gt;%26lt;/td%26gt;
%26lt;td%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/div%26gt;%26lt;/td%26gt;
%26lt;td width=%26quot;4%26quot; nowrap%26gt;
%26lt;/td%26gt;
%26lt;td width=%26quot;5%26quot; nowrap%26gt;%26lt;img style=%26quot;border:1px inset%26quot; height=14 width=0%26gt;%26lt;/td%26gt;
%26lt;td nowrap align=%26quot;center%26quot; onmouseover=%26quot;HL_Menu(this,0)%26quot; onmouseout=%26quot;HL_Menu(this,1)%26quot; class=%26quot;menuup%26quot;%26gt;
%26lt;table cellspacing=%26quot;0%26quot; cellpadding=%26quot;0%26quot; id=%26quot;table39%26quot; width=%26quot;16%26quot;%26gt;%26lt;tr%26gt;%26lt;td nowrap%26gt;%26lt;/td%26gt;%26lt;td class=%26quot;leftitem%26quot; align=center%26gt;
%26lt;b%26gt;B%26lt;/b%26gt;%26lt;/td%26gt;%26lt;/tr%26gt;%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;td nowrap align=%26quot;center%26quot; onmouseover=%26quot;HL_Menu(this,0)%26quot; onmouseout=%26quot;HL_Menu(this,1)%26quot; class=%26quot;menuup%26quot;%26gt;
%26lt;table cellspacing=%26quot;0%26quot; cellpadding=%26quot;0%26quot; id=%26quot;table40%26quot; width=%26quot;16%26quot;%26gt;%26lt;tr%26gt;%26lt;td nowrap%26gt;%26lt;/td%26gt;%26lt;td class=%26quot;leftitem%26quot; align=center%26gt;
%26lt;i%26gt;
%26lt;b%26gt;I%26lt;/b%26gt;%26lt;/i%26gt;%26lt;/td%26gt;%26lt;/tr%26gt;%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;td nowrap align=%26quot;center%26quot; onmouseover=%26quot;HL_Menu(this,0)%26quot; onmouseout=%26quot;HL_Menu(this,1)%26quot; class=%26quot;menuup%26quot;%26gt;
%26lt;table cellspacing=%26quot;0%26quot; cellpadding=%26quot;0%26quot; id=%26quot;table41%26quot; width=%26quot;16%26quot;%26gt;%26lt;tr%26gt;%26lt;td nowrap%26gt;%26lt;/td%26gt;%26lt;td class=%26quot;leftitem%26quot; align=center%26gt;
%26lt;u%26gt;
%26lt;b%26gt;U%26lt;/b%26gt;%26lt;/u%26gt;%26lt;/td%26gt;%26lt;/tr%26gt;%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;td width=%26quot;100%%26quot; nowrap%26gt; %26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/body%26gt;
%26lt;/html%26gt; [Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]