OFFICE风格的色彩选择器
来源:互联网 发布:音乐声音增大软件 编辑:程序博客网 时间:2024/06/05 06:29
<META NAME="Description" CONTENT=""></HEAD> <BODY><script language=javascript><!-- OFFICE风格的色彩选择器 //注意:只有把<script></script>标签放在<body>标签内才可以正常使用“其它颜色”功能 document.write("<OBJECT id=/"dlgHelper/" CLASSID=/"clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b/" width=/"0px/" height=/"0px/"></OBJECT>");var ocolorPopup = window.createPopup();var ecolorPopup=null; function colordialogmouseout(obj){ obj.style.borderColor=""; obj.bgColor="";} function colordialogmouseover(obj){ obj.style.borderColor="#0A66EE"; obj.bgColor="#EEEEEE";} function colordialogmousedown(color){ ecolorPopup.value=color; //document.body.bgColor=color; ocolorPopup.document.body.blur();} function colordialogmore(){ var sColor=dlgHelper.ChooseColorDlg(ecolorPopup.value); sColor = sColor.toString(16); if (sColor.length < 6) { var sTempString = "000000".substring(0,6-sColor.length); sColor = sTempString.concat(sColor); } ecolorPopup.value="#"+sColor.toUpperCase(); //document.body.bgColor="#"+sColor.toUpperCase(); ocolorPopup.document.body.blur();} function colordialog(){ var e=event.srcElement; e.onkeyup=colordialog; ecolorPopup=e; var ocbody; var oPopBody = ocolorPopup.document.body; var colorlist=new Array(40); oPopBody.style.backgroundColor = "#f9f8f7"; oPopBody.style.border = "solid #999999 1px"; oPopBody.style.fontSize = "12px"; colorlist[0]="#000000"; colorlist[1]="#993300"; colorlist[2]="#333300"; colorlist[3]="#003300"; colorlist[4]="#003366"; colorlist[5]="#000080"; colorlist[6]="#333399"; colorlist[7]="#333333"; colorlist[8]="#800000"; colorlist[9]="#FF6600"; colorlist[10]="#808000";colorlist[11]="#008000"; colorlist[12]="#008080";colorlist[13]="#0000FF";colorlist[14]="#666699";colorlist[15]="#808080"; colorlist[16]="#FF0000";colorlist[17]="#FF9900";colorlist[18]="#99CC00";colorlist[19]="#339966"; colorlist[20]="#33CCCC";colorlist[21]="#3366FF";colorlist[22]="#800080";colorlist[23]="#999999"; colorlist[24]="#FF00FF";colorlist[25]="#FFCC00";colorlist[26]="#FFFF00";colorlist[27]="#00FF00"; colorlist[28]="#00FFFF";colorlist[29]="#00CCFF";colorlist[30]="#993366";colorlist[31]="#CCCCCC"; colorlist[32]="#FF99CC";colorlist[33]="#FFCC99";colorlist[34]="#FFFF99";colorlist[35]="#CCFFCC"; colorlist[36]="#CCFFFF";colorlist[37]="#99CCFF";colorlist[38]="#CC99FF";colorlist[39]="#FFFFFF"; ocbody = ""; ocbody += "<table CELLPADDING=0 CELLSPACING=3>"; ocbody += "<tr height=/"20/" width=/"20/"><td align=/"center/"><table style=/"border:1px solid #808080;/" width=/"12/" height=/"12/" bgcolor=/""+e.value+"/"><tr><td></td></tr></table></td><td bgcolor=/"eeeeee/" colspan=/"7/" style=/"font-size:12px;/" align=/"center/">当前颜色</td></tr>"; for(var i=0;i<colorlist.length;i++){ if(i%8==0) ocbody += "<tr>"; ocbody += "<td width=/"14/" height=/"16/" style=/"border:1px solid;/" onMouseOut=/"parent.colordialogmouseout(this);/" onMouseOver=/"parent.colordialogmouseover(this);/" onMouseDown=/"parent.colordialogmousedown('"+colorlist[i]+"')/" align=/"center/" valign=/"middle/"><table style=/"border:1px solid #808080;/" width=/"12/" height=/"12/" bgcolor=/""+colorlist[i]+"/"><tr><td></td></tr></table></td>"; if(i%8==7) ocbody += "</tr>"; } ocbody += "<tr><td align=/"center/" height=/"22/" colspan=/"8/" onMouseOut=/"parent.colordialogmouseout(this);/" onMouseOver=/"parent.colordialogmouseover(this);/" style=/"border:1px solid;font-size:12px;cursor:default;/" onMouseDown=/"parent.colordialogmore()/">其它颜色</td></tr>"; ocbody += "</table>"; oPopBody.innerHTML=ocbody; ocolorPopup.show(e.offsetLeft, e.offsetTop+e.offsetHeight, 158, 147, document.body);}//--></script>选择颜色:<input name="sel1" type="text" onfocus="colordialog()"></BODY></HTML>
- OFFICE风格的色彩选择器
- 色彩选择器(colorPicker)
- 年月日选择器,选中行变成不同的色彩和字体大小
- 分享用DotNetBar控件制作office 2007风格界面的视频教程(winform office 2007 风格)
- android自定义view--色彩选择器
- C++作的仿Office风格的颜色选取框
- 运用DXperience 12.2轻松创建Win8风格的Office应用
- 运用DXperience 12.2轻松创建Win8风格的Office应用
- Qt的纽带风格界面实现(最新的Office Ribbon风格)
- iOS风格 年月日 选择器
- 网站首页设计、风格一致、色彩搭配、版面布局的技巧
- 设计网站要注意的两个要点:整体风格和色彩搭配
- 网页设计的整体风格和色彩搭配_网页设计常用工具
- 一款形似Win10日历风格的日期时间选择器
- 超强的jquery极品插件--色彩选择器类/ 右键菜单类/ 图片新闻flash展示类
- 《设计师谈网页色彩与风格》到手
- 网站设计风格及色彩搭配技巧
- 网页设计风格和色彩搭配经验
- 条形码机印表头的寿命有多久?
- 初识:rmi __完整的example
- Struts标签示例
- 享受单身生活。
- (转)java连各种数据库方法
- OFFICE风格的色彩选择器
- 学习高性能网页开发的14条军规
- 日期操作类
- PowerDesigner 12.5 导致 Word文档内容无法选中以及点击鼠标无反应的问题
- IHttpModule 分块上传大文件
- bat文件修改IP地址
- strcat/strncpy/strcpy
- 通用存储过程分页
- Python字符集编码和文件读写