联系站长 加入收藏 设为首页 繁體中文 RSS
  首页 | 生活百科 | 电脑网络 | 高手学堂 | 语录名言 | 读书文学 | 极品软件 | 奇趣图片 | 站长微博  
 您的位置: 精品百字节网 >> 电脑网络 >> 网络编程 >> CSS学习 >> 正文 当前没有通告!
   □  CSS学习:仿Office 2003的工具条   3星级
CSS学习:仿Office 2003的工具条
[ 作者:作者不详     来源:互连网     点击数:     更新时间:2007-12-19     文章录入:Admin
【字体:
[内容提要]
暂无简介

源码:
------------------------------------------------------------------------
<style type="text/css">
<!--
.lostfocus {
   background-color: #FFFFFF;
   border: 1px #FFFFFF solid;
   font: 12px Arial;
   vertical-align: baseline;
}
.getfocus {
   background-color: #FFFFFF;
   border: 1px #08246B solid;
   font: 12px Arial;
   vertical-align: baseline;
}
.leftitem {
   cursor: hand;
   padding: 0 2px 0;
   text-align: center;
   vertical-align: baseline;
   width: 30px;
}
.leftitemover {
   background-color: #C2D5F8;
   border: 1px #6495ED solid;
   cursor: hand;
   padding: 0 2px 0;
   text-align: center;
   vertical-align: middle;
   width: 30px;
}
.leftitemdown{
   background-color: #E4EDFC;
   border: 1px #6495ED solid;
   cursor: hand;
   padding: 0 2px 0;
   text-align: center;
   width: 30px;
}
.menubar {
   filter: progid:DXImageTransform.Microsoft.Gradient(gradienttype=0, startcolorstr=#F7F7F7, endcolorstr=#DEDBD6);
   font-size: 12px;
   height: 30px;
   width: 368px;
}
.botimg{
   border: 1px inset;
   width: 1px;
}
-->
</style>
<body style="background-color:#BFBFBF;">
<table class="menubar">
   <td>
    <img class="botimg" /><br />
    <img class="botimg" /><br />
    <img class="botimg" /><br />
    <img class="botimg" /><br />
    <img class="botimg" /><br />
    <img class="botimg" /><br />
   </td>
 <td>
      姓名
  <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"’>
  密码
  <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"’>
      <img height=16 class="botimg" style="vertical-align:bottom;">
 </td>
   <td class="leftitem" gf="0" onmouseover=’this.className="leftitemOver"’ onmouseout=’if (this.gf=="0") this.className="leftitem"’ onblur=’this.className="leftitem";this.gf="0"’ onmousedown=’this.className="leftitemDown";this.gf="0"’ onfocus=’this.className="leftitem";this.gf="1"’>
  <a>登陆</a>
   </td>
</table>

上一篇文章:CSS滤镜渐变效果应用 下一篇文章:important用法
发表评论 □告诉好友 □打印此文 □收藏此页 □关闭窗口 □返回顶部
 最新热点文章
 精品医院类网站网址大收集
 如何删除windows 2003或xp系统隐藏的...
 DedeCms管理员后台登陆经常自动退出的...
 知道IP如何用dos命令查出电脑名称
 WORD出错老是要求以安全模式打开文件...
 如何设置首页不显示页眉页脚?
 如何利用inurl命令查询网站外链及栏目...
 
 最新推荐文章
 精品医院类网站网址大收集
 如何利用宽带路由器控制局域网内电脑上...
 CSS圆角代码的实现方法
 带停顿的单行文字滚动代码
 实用的新网站免费收录提交地址精选
 Left join , Right Join, Inner Join用...
 趣话淘宝网衍生的多种新型职业
 
 最新图文
  ◇  网友评论:(只显示最新5条。评论内容只代表网友观点,与本站立场无关!)
关于本站 | 免责申明 | 网站地图 | 联系站长 | 友情链接 | 与我同在
冀ICP备06032589号【虚拟化精英群虚拟化精英群续
  Copyright© 2006-2009 100byte.Com All Rights Reserved
网站声明:本网站是公益性质网站,部分内容来源于网络,如有侵犯您权利的地方,请与精品百字节站长联系,尽快修正.
Powered By CreateLive CMS 本站法律顾问:(冀港)武镇海律师
点击这里给我发消息