效果图screen.width-461) window.open('http://bbs.javascript.com.cn/attachment/Mon_0608/10_9458_40785726bd46566.jpg');" src="http://bbs.javascript.com.cn/attachment/Mon_0608/10_9458_40785726bd46566.jpg" border=0>
仿Office2003的工具条
.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); }
文件(F)
编辑(E)
姓名
密码
登陆
B
I
U
工作之余做了这个小东西
仿Office 2003的工具条,主要尝试不用任何图片(当然不可能把所有按扭都做出来),所有的控件都是用Css和java-script做的
菜单就不做了,偷懒中
感兴趣的朋友可以和我联系,大家交流交流.
[email]PuterJam@etang.com[/email]
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
用javascript编写的第一人称射击游戏
短小精悍,但是不支持IE,FireFox下可用:1) Canvascape
2) MSX Emulator
3) Unreal Soccer
4) Plasma Demo
5) An Arkanoid clone>>>详细阅读
本文标题:js+css实现的仿office2003界面
地址:http://www.17bianji.com/kaifa2/JS/30879.html
1/2 1