页面导航：首页 → 网络编程 → CSS/HTML → 正文内容

仿windows工具条样式

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<style type="text/css"> 
.text { 
    font-family: "宋体"; 
    font-size: 12px; 
    color: #000000; 
    text-decoration: none; 
} 
</style> 
<div style="position:absolute; width:expression(document.body.clientWidth);height:20;z-index:1;left:0;top:0">  
  <table width=100% height=20 border=0 cellpadding=0 cellspacing=0>     
     <tr style="background:menu"> 
    <td width='0%' style="background:threedshadow"></td>         
     <td width='0%' style="background:threedhighlight"></td>         
      <td width=0%></td>         
    <td width=1% valign=top> 
    <table width=3 border=0 cellspacing=0 cellpadding=0 height=20 style="border-color:threedhighlight threedshadow threedshadow threedhighlight;border-style:solid;border-width:1px" class=text> 
       <tr><td></td></tr> 
    </table>         
    </td>         
    <td width="100%" class=text><marquee scrollamount=2>   防菜单条样式 
    </marquee></td> 
     </tr> 
     <tr style="background:threedshadow"> 
    <td height=1 colspan=5> 
    </td>     
     </tr> 
     <tr style="background:threeddarkshadow"> 
     <td height=1 colspan=5></td> 
     </tr> 
  </table> 
</div>

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

Tags：仿windows工具条样式

百度中搜索更多的关于仿windows工具条样式内容，或者用Google搜索相关更多

浏览次数：载入中... 打印本文关闭本文返回首页

0

上一篇文章：FCKeditor 实战技巧
下一篇文章：html在线编辑器的更新[2006-05]

文章评论

共有位脚本之家网友发表了评论我来说两句

同类文章

最近更新

热点排行