效果图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