纯字符模仿Longhorn/office2003风格我爱黑客基地,山西黑客,黑客联盟,信息安全,黑客联盟,木马编写,安全检测,软件破解,数据修复,机房维护,网站开发,黑客教程,黑客入门,动画教程,源码下载,书籍教程,黑客培训,刷QB,刷业务,QQ,IDC,域名主机

纯字符模仿Longhorn风格[Windows Longhorn Glass Look]

javascript:if(this.width>=400)this.style.width=400;" onmouseover="toolTip('+ 单击看大图 +','#800000','#ffffff')" onmouseout="toolTip();" onclick="window.open(this.src);">

HTML代码：

<html><head><title><a target="_blank" href="http://www.5ihack.com" class="wordstyle">Windows</a> Longhorn Glass Look</title><style>body {   background: #667788;  font-family: tahoma;  font-size: 16px;  padding: 0;  margin: 0;  overflow: hidden;}img#background {}h1 {  font-size: 140%;}#window1 {   top: 50px;  left: 150px;  width: 400px;  height: 200px;}#window2 {   top: 270px;  left: 250px;  width: 500px;  height: 300px;}#window3 {   top: 150px;  left: 400px;  width: 400px;  height: 400px;}#window4 {   top: 200px;  left: 100px;  width: 400px;  height: 400px;}#window1 .border {  border-color: #F8E0C0;}#window1 .glass {  background: #F8E0C0; }#window2 .border {  border-color: #E0F8C0;}#window2 .glass {  background: #E0F8C0; }#window3 .border {  border-color: #E0F0F8;}#window3 .glass {  background: #E0F0F8; }.window {  position: absolute;}.shadow {  position: absolute;  top: -2px;  left: -2px;  width: 100%;  height: 100%;  background: #002030;  filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=4, makeShadow=true, shadowOpacity=.20);}.glass {  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  background: #F0F0F0;   filter:     alpha(opacity=100, style=1, finishOpacity=50, startx=60, starty=50, finishx=20, finishy=70)    alpha(opacity=50, style=1, finishOpacity=100, startx=100, starty=50, finishx=60, finishy=70);}.border {  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;  border: 1px solid #F0F0F0;  padding: 80px 10px 10p 10px;}.content {  height: 100%;  width: 100%;  overflow: auto;  background: white;  padding: 0.5em;  cursor: default;  filter: alpha(opacity=60);}.title {  color: white;  font-weight: bold;  font-size: 25px;  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 80px;  padding: 25px 20px;  cursor: move;}.current .shadow {  top: 1px;  left: 1px;}.current .content {  filter: none;}.current .title {  z-index: 1;}#menu {   position: absolute;   border: 1px solid rgb(182, 184, 196);   padding: 1px 2px;   background: #f4f4f5;  font-family: trebuchet ms;   font-size: 9pt; }#menu a {   display: block;   width: 200px;   color: black;   text-decoration: none;   height: 18px;   cursor: default;}#menu a i {   display: block; float: left;  position:relative;   height: 14px; width: 26px;  background: #ececed;  border-left: 1px solid #ffffff;   border-right: 1px solid #e0e0e1;  margin-left: -2px;   margin-right: -3px;  padding: 2px 0px;}#menu a span {   display: block;   position:relative;   height: 14px;   background: #f4f4f5;  border-left: 1px solid #ffffff;  border-right: 1px solid #ffffff;  padding: 2px 3px;  margin-right: -2px;}.current #menu a:hover {   border: 1px solid; border-color: rgb(158, 215, 240) #ffffff;   padding: 0px;}.current #menu a:hover i {   border: 1px solid;   border-color: #ececed #e0e0e1 #d8e0f0 rgb(158, 215, 240);   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe2eaf2, endColorstr=#ffd8e0f0);  padding: 0px;  width: 25px;}.current #menu a:hover span {   border: 1px solid;   border-color: #f4f4f5 rgb(158, 215, 240) #e8f2f8 #e8f2f8;   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeef2f8, endColorstr=#ffddedf8);  padding: 0px 3px;}</style><script type="text/javascript" src="<a target='_blank' href='<a href="http://statistics.q42.nl/counter/default.asp?id=w3future" target="_blank">http://statistics.q42.nl/counter/default.asp?id=w3future</a>"></script>'><a href="http://statistics.q42.nl/counter/default.asp?id=w3future" target="_blank">http://statistics.q42.nl/counter/default.asp?id=w3future</a>"></script></a><script>var current = null;var dragging = false;var startedDragging = false;function setCurrent(w){  if (w != current)  {    // unset old current    if (current)      current.className = 'window';    // set current    current = w;    current.className = 'current window';    // put current on top    document.getElementById("<a target="_blank" href="http://www.5ihack.com" class="wordstyle">windows</a>").appendChild(current);  }  // init drag  var offsetX = event.x - parseInt(w.currentStyle.left);  var offsetY = event.y - parseInt(w.currentStyle.top);  if (offsetY < 80)  {    dragging = true;    dragEffect = function()    {      w.style.pixelLeft = event.x - offsetX;      w.style.pixelTop = event.y - offsetY;    }  }   else   {    var width = parseInt(w.currentStyle.width);    var resizeX = offsetX > width - 10;    var height = parseInt(w.currentStyle.height);    var resizeY = offsetY > height - 10;    if (resizeX || resizeY)    {      dragging = true;      var offsetX = event.x - width;      var offsetY = event.y - height;      dragEffect = function()      {        if (resizeX)          w.style.pixelWidth = event.x - offsetX;        if (resizeY)          w.style.pixelHeight = event.y - offsetY;      }    }  } }function calcResize(w){  var offsetX = event.x - parseInt(w.currentStyle.left);  var offsetY = event.y - parseInt(w.currentStyle.top);  var width = parseInt(w.currentStyle.width);  var resizeX = offsetX > width - 10;  var height = parseInt(w.currentStyle.height);  var resizeY = offsetY > height - 10;  w.style.cursor = (resizeX||resizeY)?(resizeY?"S":"")+(resizeX?"E":"")+"-resize":"default";}var dragEffect;function moveCurrent(){  if (!dragging || !current)    return;      if (event.button == 0)  {    releaseCurrent();    return;  }    if (!startedDragging)  {    current.className = 'dragging current window';    startedDragging = true;  }    dragEffect();}function releaseCurrent(){  if (!current)    return;      current.className = 'current window';  dragging = false;  startedDragging = false;}function makeUnselectable(e){  e.unselectable=true;  if (e.className == 'content')    return;    for (var c=e.firstChild;c;c=c.nextSibling)    if (c.nodeType == 1)      makeUnselectable(c);}</script></head><body onload="makeUnselectable(document.body);setCurrent(window1)" onmouseup="releaseCurrent()" onmousemove="moveCurrent()"><div id="<a target="_blank" href="http://www.5ihack.com" class="wordstyle">windows</a>"><div class="window" id="window1" onmousedown="setCurrent(this)" onmousemove="calcResize(this)">  <div class="shadow"></div>  <div class="title">w3future.com</div>  <div class="glass"></div>  <div class="border">    <div class="content">      <h1><a target="_blank" href="http://www.5ihack.com" class="wordstyle">Windows</a> Longhorn Glass Look</h1>      <p>This page uses no images, except the background image. Everything is done with      HTML, CSS, a bit of JavaScript and a lot of Internet Explorer filters.</p>      <p>Yes, it's slow, but it's pretty isn't it?</p>      <p>Looks horrible in any browser but Internet Explorer.</p>      <p> </p>      <p align="right">Sjoerd Visscher, <a href="<a target='_blank' href='<a href="http://w3future.com/weblog/" target="_blank">http://w3future.com/weblog/</a>">w3future.com</a>,'><a href="http://w3future.com/weblog/" target="_blank">http://w3future.com/weblog/</a>">w3future.com</a>,</a> 2003</p>    </div>  </div></div><div class="window" id="window3" onmousedown="setCurrent(this)" onmousemove="calcResize(this)">  <div class="shadow"></div>  <div class="title">Blue Window</div>  <div class="glass"></div>  <div class="border">    <div class="content">      <script type="text/javascript">        google_ad_client = "pub-9281881402552436";         google_ad_width = 300;         google_ad_height = 250;         google_ad_format = "300x250_as";         google_color_border = "000033";         google_color_bg = "d5d5dd";         google_color_link = "000033";         google_color_url = "7f5f30";         google_color_text = "000033";         google_ad_channel = "2888498877";      </script>      <script type="text/javascript" src="<a target='_blank' href='<a href="http://pagead2.googlesyndication.com/pagead/show_ads.js" target="_blank">http://pagead2.googlesyndication.com/pagead/show_ads.js</a>"></script>'><a href="http://pagead2.googlesyndication.com/pagead/show_ads.js" target="_blank">http://pagead2.googlesyndication.com/pagead/show_ads.js</a>"></script></a>    </div>  </div></div><div class="window" id="window4" onmousedown="setCurrent(this)" onmousemove="calcResize(this)">  <div class="shadow"></div>  <div class="title">Longhorn Menu</div>  <div class="glass"></div>  <div class="border">    <div class="content">      <div id="menu">        <a href="#"><i></i><span>Menu Item 1</span></a>        <a href="#"><i></i><span>Menu Item 2</span></a>        <a href="#"><i></i><span>Menu Item 3</span></a>      </div>    </div>  </div></div><div class="window" id="window2" onmousedown="setCurrent(this)" onmousemove="calcResize(this)">  <div class="shadow"></div>  <div class="title">Green Window</div>  <div class="glass"></div>  <div class="border">    <div class="content">    </div>  </div></div></div></body></html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

纯CSS生成office2003风格

javascript:if(this.width>=400)this.style.width=400;" onmouseover="toolTip('+ 单击看大图 +','#800000','#ffffff')" onmouseout="toolTip();" onclick="window.open(this.src);">

HTML代码：

<html><head><meta http-equiv="Content-Language" content="zh-cn"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>仿Office 2003的工具条</title><script>/*----------舜子制作Menu Javascript Made by PuterJamE-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=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="getlist";listbutton.className="listover"  break;  case 1:  if (listbox.gf=="0")   {listbox.className="lostlist";listbutton.className="menubar"}  break;  case 2: for (i=0;i<lb.length;i++) { if (num!=i.toString()){ nlistbox=eval(lb<i>.listname) nlistbutton=eval(lb<i>.buttonname) nlistvalue=eval(lb<i>.valuename) nlistbox.className="lostlist";nlistbutton.className="menubar" nlistbox.gf="0"  } }  ShowMenu(listbox,showlist,tw,scroll);listbox.className="getlist";listbox.gf="1"  listnum=num;  break;  }}function HideMenu() { var mX; var mY; var vDiv; var mDiv;  if (isvisible == true)  {    vDiv = document.all("listDiv");    mX = window.event.clientX + document.body.scrollLeft;    mY = window.event.clientY + document.body.scrollTop;    if ((mX < parseInt(vDiv.style.left)) || (mX > parseInt(vDiv.style.left)+vDiv.offsetWidth) ||       (mY < parseInt(vDiv.style.top)-menu_height) || (mY > parseInt(vDiv.style.top)+vDiv.offsetHeight))  {      vDiv.style.visibility = "hidden";      isvisible = false;    }  }    if (isvisible==false)  {   for (i=0;i<lb.length;i++) { listbox=eval(lb<i>.listname) listbutton=eval(lb<i>.buttonname) listvalue=eval(lb<i>.valuename) listbox.className="lostlist";listbutton.className="menubar" listbox.gf="0" }  }}function ShowMenu(obj,vMnuCode,tWidth,scroll) {  vMnuCode = "<table id='submenu' cellspacing=0 cellpadding=0 bgcolor=#ffffff border=0 style='width:"+tWidth +         ";border-collapse: collapse' class='listDiv'><tr height=23><td nowrap align=left>" +            vMnuCode + "</td></tr></table>";  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() != "BODY")  {    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="visible";listDiv.style.width=tWidth}else {listDiv.style.overflow="scroll";listDiv.style.width=tWidth+18}  listDiv.style.visibility = "visible";  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=lightcolorthis.normalcolor=normalcolorthis.icon=iconthis.title=titlethis.url=url}function bulidmenu(arrayname){var menuarray=eval(arrayname)menucontent='<table border="0" width="100%">'for (i=0;i<menuarray.length;i++){if (menuarray<i>.title!="_line"){if (menuarray<i>.url!="_disable"){css="getitem"}else{css="lostitem"}if (menuarray<i>.icon.length==0){content='<table cellspacing="0" cellpadding="0"><tr><td style="text-indent:4px" class="'+css+'">'+menuarray<i>.title+'</td></tr></table>'}else{content='<table cellspacing="0" cellpadding="0"><tr><td width="20" nowrap><img src="'+menuarray<i>.icon+'"></td><td class="'+css+'">'+menuarray<i>.title+'</td></tr></table>'}if (menuarray<i>.url!="_disable"){menucontent=menucontent+'<tr><td height=16 style="cursor:default" onmouseover="style.backgroundColor=\''+ menuarray<i>.lightcolor+'\'" onmouseout="style.backgroundColor=\''+ menuarray<i>.normalcolor+'\'" onclick="Golist(\''+menuarray<i>.title+'\')">'+content+'</td></tr>'}else{menucontent=menucontent+'<tr><td height=16 style="fitler:gray">'+content+'</td></tr>'}}else{menucontent=menucontent+'<tr><td height=4><img src=http://www.8594.net/blog/"images/dock.gif" width="99%" height=1></td></tr>'}}menucontent=menucontent+"</table>"return menucontent} function HL_Menu(obj,state){switch (state){case 0: obj.className="menuover" break;case 1: obj.className="menuup" 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("#B1CBE4","","","ListItem1","")list1[1]=new menuitem("#B1CBE4","","","ListItem2","")list1[2]=new menuitem("#B1CBE4","","","ListItem3","")list1[3]=new menuitem("#B1CBE4","","","ListItem4","")list1[4]=new menuitem("#B1CBE4","","","ListItem5","")list1[5]=new menuitem("#B1CBE4","","","ListItem6","")list1[6]=new menuitem("#B1CBE4","","","ListItem7","")list1[7]=new menuitem("#B1CBE4","","","ListItem8","")list1[8]=new menuitem("#B1CBE4","","","ListItem9","")list1[9]=new menuitem("#B1CBE4","","","ListItem10","")blist1=bulidmenu("list1")var list2=new Array()list2[0]=new menuitem("#B1CBE4","","","字体1","")list2[1]=new menuitem("#B1CBE4","","","字体2","")list2[2]=new menuitem("#B1CBE4","","","字体3","")list2[3]=new menuitem("#B1CBE4","","","字体4","")list2[4]=new menuitem("#B1CBE4","","","字体5","")list2[5]=new menuitem("#B1CBE4","","","字体6","")list2[6]=new menuitem("#B1CBE4","","","字体7","")list2[7]=new menuitem("#B1CBE4","","","字体8","")list2[8]=new menuitem("#B1CBE4","","","字体9","")list2[9]=new menuitem("#B1CBE4","","","字体10","")blist2=bulidmenu("list2")function Golist(text){listvalue=eval(lb[listnum].valuename)listvalue.innerText=textvDiv = document.all("listDiv");vDiv.style.visibility = "hidden";isvisible = false;} </script><style>.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); }</style></head><body onclick="HideMenu()" style="margin:0px" bgcolor="999999"><div id=listDiv style='border:1px #636563 solid;VISIBILITY: hidden;POSITION: absolute;overflow:scroll;height:150'></div><table border="0" width="100%" id="table27" class="bodybar" cellspacing="0" cellpadding="0">  <tr>    <td><table border="0" cellspacing="0" cellpadding="0" height="30">  <tr>    <td><table border="0" cellspacing="0" cellpadding="0" height="22">      <tr>          <td width="5"></td>        <td nowrap align="center" onmouseover="HL_Menu(this,0)" onmouseout="HL_Menu(this,1)" class="menuup">        <table border="0" cellspacing="0" cellpadding="0"><tr><td class="leftitem">文件(F)</td></tr></table>        </td>        <td width="5"></td>        <td nowrap align="center" onmouseover="HL_Menu(this,0)" onmouseout="HL_Menu(this,1)" class="menuup">        <table border="0" cellspacing="0" cellpadding="0"><tr><td class="leftitem">编辑(E)</td></tr></table>        </td>      </tr>    </table></td>  </tr></table>    </td>  </tr>  <tr>    <td><table border="1" width="100" id="table28" cellspacing="0" cellpadding="4" bgcolor="#F7F7F7"  style="border-collapse: collapse">  <tr>    <td class="menubar">      <table border="0" width="100%" id="table29" cellspacing="0" cellpadding="0">        <tr>           <td width="10" nowrap>          <table border="0" width="2" cellspacing="0" cellpadding="1" id="table30">      <tr>        <td><img style="border:1px inset" height=1 width=1></td>      </tr>      <tr>        <td><img style="border:1px inset" height=1 width=1></td>      </tr>      <tr>        <td><img style="border:1px inset" height=1 width=1></td>      </tr>      <tr>        <td><img style="border:1px inset" height=1 width=1></td>      </tr>      </table></td>          <td width="35" nowrap><font size="2">姓名</font></td>          <td width="130" nowrap>      <input type="text" name="T5" size="18" class="lostfocus" gf="0" onmouseover='this.className="getfocus"' onmouseout='if (this.gf=="0") this.className="lostfocus"' onblur='this.className="lostfocus";this.gf="0"' onfocus='this.className="getfocus";this.gf="1"'></td>          <td width="35" nowrap><font size="2">密码</font></td>          <td width="124" nowrap>      <input type="password" name="T6" size="18" class="lostfocus" gf="0" onmouseover='this.className="getfocus"' onmouseout='if (this.gf=="0") this.className="lostfocus"' onblur='this.className="lostfocus";this.gf="0"' onfocus='this.className="getfocus";this.gf="1"'></td>          <td width="5" nowrap><img style="border:1px inset" height=14 width=0></td>          <td nowrap align="center" onmouseover="HL_Menu(this,0)" onmouseout="HL_Menu(this,1)" class="menuup">        <table cellspacing="0" cellpadding="0" id="table31" width="25"><tr><td nowrap></td><td class="leftitem">          登陆</td></tr></table>        </td>          <td width="100%" nowrap>　</td>        </tr>      </table>    </td>  </tr></table>    </td>  </tr>  <tr>    <td><table border="1" width="100" id="table32" cellspacing="0" cellpadding="4" bgcolor="#F7F7F7"  style="border-collapse: collapse">  <tr>    <td class="menubar">      <table border="0" width="100%" id="table33" cellspacing="0" cellpadding="0">        <tr>           <td width="10" nowrap>          <table border="0" width="2" cellspacing="0" cellpadding="1" id="table34">      <tr>        <td><img style="border:1px inset" height=1 width=1></td>      </tr>      <tr>        <td><img style="border:1px inset" height=1 width=1></td>      </tr>      <tr>        <td><img style="border:1px inset" height=1 width=1></td>      </tr>      <tr>        <td><img style="border:1px inset" height=1 width=1></td>      </tr>      </table></td>          <td width="78" nowrap>      <div id="listbox0" class="lostfocus" gf="0" onmouseover='listaction(this,0)' onmouseout='listaction(this,1)' onclick='listaction(this,2,blist1,0)' style="cursor:default">      <table border="0" cellpadding="0" cellspacing="0" width="100" height="18" id="table35">  <tr>    <td valign=center style="text-indent:4px"><font size="2" face="Verdana">    <span id=listvalue0>      </span></font></td>    <td width=12 align="center" class="menubar" id="listbutton0">  <table border="0" cellpadding="0" style="border-collapse: collapse" id="table36">    <tr height=1>      <td width="1" bgcolor="#000000"></td>      <td width="1" bgcolor="#000000"></td>      <td width="1" bgcolor="#000000"></td>      <td width="1" bgcolor="#000000"></td>      <td width="1" bgcolor="#000000"></td>    </tr>    <tr height=1>      <td></td>      <td bgcolor="#000000"></td>      <td bgcolor="#000000"></td>      <td bgcolor="#000000"></td>      <td></td>    </tr>    <tr height=1>      <td></td>      <td></td>      <td bgcolor="#000000"></td>      <td></td>      <td></td>    </tr>  </table></td>  </tr>  </table>            </div></td>          <td width="78" nowrap>      <div id="listbox1" class="lostfocus" gf="0" onmouseover='listaction(this,0)' onmouseout='listaction(this,1)' onclick='listaction(this,2,blist2,1,100)' style="cursor:default">      <table border="0" cellpadding="0" cellspacing="0" width="100" height="18" id="table37">  <tr>    <td valign=center style="text-indent:4px"><font size="2" face="Verdana"><span id=listvalue1>      </span></font></td>    <td width=12 align="center" class="menubar" id="listbutton1">  <table border="0" cellpadding="0" style="border-collapse: collapse" id="table38">    <tr height=1>      <td width="1" bgcolor="#000000"></td>      <td width="1" bgcolor="#000000"></td>      <td width="1" bgcolor="#000000"></td>      <td width="1" bgcolor="#000000"></td>      <td width="1" bgcolor="#000000"></td>    </tr>    <tr height=1>      <td></td>      <td bgcolor="#000000"></td>      <td bgcolor="#000000"></td>      <td bgcolor="#000000"></td>      <td></td>    </tr>    <tr height=1>      <td></td>      <td></td>      <td bgcolor="#000000"></td>      <td></td>      <td></td>    </tr>  </table></td>  </tr>  </table>            </div></td>          <td width="4" nowrap>      　</td>          <td width="5" nowrap><img style="border:1px inset" height=14 width=0></td>          <td nowrap align="center" onmouseover="HL_Menu(this,0)" onmouseout="HL_Menu(this,1)" class="menuup">        <table cellspacing="0" cellpadding="0" id="table39" width="16"><tr><td nowrap></td><td class="leftitem" align=center>          <b>B</b></td></tr></table>        </td>                  <td nowrap align="center" onmouseover="HL_Menu(this,0)" onmouseout="HL_Menu(this,1)" class="menuup">        <table cellspacing="0" cellpadding="0" id="table40" width="16"><tr><td nowrap></td><td class="leftitem" align=center>          <i>          <b>I</b></i></td></tr></table>        </td>        <td nowrap align="center" onmouseover="HL_Menu(this,0)" onmouseout="HL_Menu(this,1)" class="menuup">        <table cellspacing="0" cellpadding="0" id="table41" width="16"><tr><td nowrap></td><td class="leftitem" align=center>          <u>          <b>U</b></u></td></tr></table>        </td>          <td width="100%" nowrap>　</td>        </tr>      </table>    </td>  </tr></table>    </td>  </tr></table><p><font size="2" color="#FFFFFF">工作之余做了这个小东西<br>仿Office 2003的工具条,主要尝试不用任何图片(当然不可能把所有按扭都做出来),所有的控件都是用Css和Javascript做的<br>菜单就不做了，偷懒中<br><br>感兴趣的朋友可以和我联系，大家交流交流．</font></p><p><b><font size="2" color="#FFFFFF"><a href="mailto:puterjam@etang.com"><font color="#FFFFFF" face="Arial">PuterJam@etang.com</font></a></font></b></p></body></html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

参阅:
http://w3future.com/weblog/
http://www.blueidea.com/tech/web/2004/1838.asp
http://www.pansunyou.com/blog/blogview.asp?logID=595

[Last Edited By KusTa @ 2005-02-02 02:47 PM]

查看更多与纯字符模仿Longhorn/office2003风格相关内容