社区
JavaScript
帖子详情
哪位可以提供个IE、FF通用的颜色选择器,不胜感激200分
GaoXX
2006-11-15 11:19:06
RT
急用
Thanks
...全文
373
15
打赏
收藏
哪位可以提供个IE、FF通用的颜色选择器,不胜感激200分
RT 急用 Thanks
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
15 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
懒得去死
2006-12-18
打赏
举报
回复
http://ecritters.biz/colorselector/
Mapleleaf123
2006-12-18
打赏
举报
回复
看到钻石我不敢发了
^_^
zxm_dgcstars
2006-12-17
打赏
举报
回复
楼主怎么不结贴啊
懒得去死
2006-12-17
打赏
举报
回复
http://javascript.weblogsinc.com/2006/07/16/smooth-color-picker-using-javascript/
福贵
2006-12-06
打赏
举报
回复
我是来看钻石的
zxm_dgcstars
2006-12-06
打赏
举报
回复
楼主用这个绝对可以
<script language=javascript>
<!--
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(controlname){
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\">Currently Color</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()\">More...</td></tr>";
ocbody += "</table>";
oPopBody.innerHTML=ocbody;
ocolorPopup.show(e.offsetLeft, e.offsetTop+e.offsetHeight, 158, 147, document.body);
}
//-->
</script>
测试:
<html:text property="lightColor" readonly="true" onclick="colordialog(this)"/>
AHUA1001
2006-11-15
打赏
举报
回复
这个我有,但是代码太长了,有七百多行,刚才试了试,发不出来。
如果哪位想要,就给我发消息吧,记得留下E-MAIL。
懒得去死
2006-11-15
打赏
举报
回复
http://javascript.weblogsinc.com/2006/07/16/smooth-color-picker-using-javascript/
btbtd
2006-11-15
打赏
举报
回复
哦, 我错了, 你是要网页颜色拾取器...这种东西不实用.
btbtd
2006-11-15
打赏
举报
回复
你用 PSPAD 文本编辑器, 那里边有很多强大的东西, 也包括颜色拾取.
我用过EP,UP,DW 文本编辑都没这个强.
懒牛科技
2006-11-15
打赏
举报
回复
把下面的代码COPY到body种就可以了!
<TABLE cellSpacing=1 cellPadding=3 width=350 align=center bgColor=#dddddd
border=0>
<TBODY>
<TR bgColor=#ffffff>
<TD align=middle width="10%"><SELECT onchange=selectchg(this.value)
name=select1> <OPTION value=1 selected>红</OPTION> <OPTION
value=2>绿</OPTION> <OPTION value=3>蓝</OPTION> <OPTION
value=4>灰</OPTION></SELECT> </TD>
<TD align=middle width="90%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=right><INPUT class=memo size=10 name=text1> <INPUT class=button onclick=choosecolor() type=button value=">>" name=Button2>
</TD>
<TD align=right width="3%"> </TD>
<TD width="30%">
<TABLE class=cursorcross height=20 cellSpacing=1 cellPadding=0
width=40 border=0>
<TBODY>
<TR>
<TD id=customcolor onmouseover=showcolor(this)
bgColor=#ffffff> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
<TR bgColor=#ffffff>
<TD align=middle width="10%">
<TABLE class=cursorhand id=tableleft cellSpacing=1 cellPadding=0
border=0><SCRIPT language=VBScript>
function hexit(which)
hexit=hex(which)
end function
</SCRIPT>
<SCRIPT language=JavaScript>
for(i=0;i<=15;++i)
{document.write('<tr><td align="center">'+ hexit(0+i*17) +'</td><td id="tdleft' + i +'" bgcolor="rgb('+ (0+i*17) + ',0,0)" width="15" height="15" onclick="changeright(this.num)" onmouseover="showcolor(this)"></td></tr>')
document.all['tdleft' + i].num=i
}
</SCRIPT>
<TBODY></TBODY></TABLE></TD>
<TD align=middle width="90%">
<TABLE class=cursorcross id=tableleft cellSpacing=1 cellPadding=0
border=0>
<SCRIPT language=JavaScript>
document.write('<tr><td></td>')
for(i=0;i<=15;++i)
{document.write('<td align="center">'+ hexit(0+i*17) +'</td>')}
document.write('</tr>')
for(i=0;i<=15;++i)
{document.write('<tr>')
document.write('<td align="center">'+ hexit(0+i*17) +'</td>')
for(j=0;j<=15;++j)
{document.write('<td id="tdrightr' + i + 'c' + j +'" bgcolor="rgb(0,'+ (0+i*17) + ',' + (0+j*17) + ')" width="15" height="15" onmouseover="showcolor(this)" onclick="clickright(this)"></td>')}
document.write('</tr>')
}
</SCRIPT>
<TBODY></TBODY></TABLE></TD></TR>
<TR bgColor=#ffffff>
<TD colSpan=2
height=20>·可选16*16*16种颜色。<BR>·单击左边的颜色会得到更多的颜色。<BR>·单击右边的颜色会固定选取的颜色。
<BR>·输入框可以自定义颜色。</TD></TR></TBODY></TABLE>
<SCRIPT language=JavaScript>
function selectchg(which)
{switch(which)
{case '1' :leftR();break;
case '2' :leftG();break;
case '3' :leftB();break;
case '4' :leftA();break;
}
}
function leftR()
{for(i=0;i<=15;++i)
{document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'}
rightR(0)
}
function leftG()
{for(i=0;i<=15;++i)
{document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'}
rightG(0)
}
function leftB()
{for(i=0;i<=15;++i)
{document.all['tdleft'+i].bgColor='rgb(0,0,'+ (0+i*17) + ')'}
rightB(0)
}
function leftA()
{for(i=0;i<=15;++i)
{document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ','+ (0+i*17) + ','+ (0+i*17) + ')'}
rightA()
}
function rightR(which)
{for(i=0;i<=15;++i)
{for(j=0;j<=15;++j)
{document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+which*17) + ',' + (0+i*17) + ','+ (0+j*17) + ')'}
}
}
function rightG(which)
{for(i=0;i<=15;++i)
{for(j=0;j<=15;++j)
{document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ',' + (0+which*17) + ',' + (0+j*17) + ')'}
}
}
function rightB(which)
{for(i=0;i<=15;++i)
{for(j=0;j<=15;++j)
{document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ','+ (0+j*17)+ ',' + (0+which*17) + ')'}
}
}
function rightA()
{for(i=0;i<=15;++i)
{for(j=0;j<=15;++j)
{document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*16+j) + ','+ (0+i*16+j)+ ',' + (0+i*16+j) + ')'}
}
}
var rightclicked=false
function clickright(which)
{if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true}
}
function changeright(which)
{switch(select1.value)
{case '1' :rightR(which);break;
case '2' :rightG(which);break;
case '3' :rightB(which);break;
}
}
function showcolor(which)
{if(rightclicked)return;
text1.value=which.bgColor
choosecolor()
}
function choosecolor()
{customcolor.bgColor=text1.value
}
</SCRIPT>
孟子E章
2006-11-15
打赏
举报
回复
demo
http://ecritters.biz/colorselector/
孟子E章
2006-11-15
打赏
举报
回复
http://javascript.weblogsinc.com/2006/07/16/smooth-color-picker-using-javascript/
网上很多search
X27794797
2006-11-15
打赏
举报
回复
原来我有一个的 再家里的电脑里
不过网上也有一个 你可以参考一下
http://demo.rexsong.com/200601/qrone_css_designer/
自己扣代码就可以了
lantersen
2006-11-15
打赏
举报
回复
自行组织其他颜色的值:
<div id='container' style="height:30;border:1px solid #000000;width:50px;"></div>
<input id="colorv" type="text" value=''>
<TABLE id="colorboard" border='1' width='350' cellpadding='0' cellspacing='0'>
<TR>
<TD bgcolor='#FFFF00' onclick="getColor(this);" onclick="getColor(this);"> </TD>
<TD bgcolor='#FF6600' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF3300' onclick="getColor(this);"> </TD>
<TD bgcolor='#663300' onclick="getColor(this);"> </TD>
<TD bgcolor='#669900' onclick="getColor(this);"> </TD>
<TD bgcolor='#66CC00' onclick="getColor(this);"> </TD>
<TD bgcolor='#33FF00' onclick="getColor(this);"> </TD>
<TD bgcolor='#339900' onclick="getColor(this);"> </TD>
<TD bgcolor='#330000' onclick="getColor(this);"> </TD>
<TD bgcolor='#FFFFCC' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF6699' onclick="getColor(this);"> </TD>
<TD bgcolor='#666699' onclick="getColor(this);"> </TD>
<TD bgcolor='#336699' onclick="getColor(this);"> </TD>
</TR>
<TR>
<TD bgcolor='#FFFF00' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF6600' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF3300' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF6699' onclick="getColor(this);"> </TD>
<TD bgcolor='#666699' onclick="getColor(this);"> </TD>
<TD bgcolor='#336699' onclick="getColor(this);"> </TD>
<TD bgcolor='#663300' onclick="getColor(this);"> </TD>
<TD bgcolor='#669900' onclick="getColor(this);"> </TD>
<TD bgcolor='#66CC00' onclick="getColor(this);"> </TD>
<TD bgcolor='#33FF00' onclick="getColor(this);"> </TD>
<TD bgcolor='#339900' onclick="getColor(this);"> </TD>
<TD bgcolor='#330000' onclick="getColor(this);"> </TD>
<TD bgcolor='#FFFFCC' onclick="getColor(this);"> </TD>
</TR>
<TR>
<TD bgcolor='#33FF00' onclick="getColor(this);"> </TD>
<TD bgcolor='#339900' onclick="getColor(this);"> </TD>
<TD bgcolor='#330000' onclick="getColor(this);"> </TD>
<TD bgcolor='#FFFFCC' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF6699' onclick="getColor(this);"> </TD>
<TD bgcolor='#666699' onclick="getColor(this);"> </TD>
<TD bgcolor='#336699' onclick="getColor(this);"> </TD>
<TD bgcolor='#FFFF00' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF6600' onclick="getColor(this);"> </TD>
<TD bgcolor='#FF3300' onclick="getColor(this);"> </TD>
<TD bgcolor='#663300' onclick="getColor(this);"> </TD>
<TD bgcolor='#669900' onclick="getColor(this);"> </TD>
<TD bgcolor='#66CC00' onclick="getColor(this);"> </TD>
</TR>
</TABLE>
</BODY>
</HTML>
<script type='text/javascript'>
function getColor(obj)
{
var colorBoard = document.getElementById('container');
var colorValue = document.getElementById('colorv');
colorValue.value = obj.getAttribute('bgcolor').toString();
colorBoard.style.background = obj.getAttribute('bgcolor');
}
</script>
360度全景图-HTML5 Canvas实现
360度全景图,打开fullview.html即可运行 支持chrome/
FF
/IE9+
CSS的四种基本
选择器
和四种高级
选择器
CSS
选择器
:就是指定CSS要作用的标签,那个标签的名称就是
选择器
。意为:选择哪个容器。 CSS的
选择器
分
为两大类:基本选择题和扩展
选择器
。 基本
选择器
: 标签
选择器
:针对一类标签 ID
选择器
:针对某一个特定的标签使用 类
选择器
:针对你想要的所有标签使用
通用
选择器
(通配符):针对所有的标签都适用(不建议使用) 下面来
分
别讲一讲。 1、标签
选择器
:
选择器
的名字代表html页面上的标签...
自己动手写一个基于Vue的
颜色
选择器
(二)
基于Vue的
颜色
选择器
(二) ——
颜色
选择器
组件的搭建
简单的html
颜色
选择器
查资料参照着做了一个,用来理解
颜色
选择器
,效果如图: 主要渐变色显示和
颜色
计算,还有点小问题,勉强能自用 <style> .select-color { } .select-color .select-color-aaa { display:inline-block;width:256px;height:256px;background-color:#
ff
0000; } ....
Vue+elementUI下拉框自定义
颜色
选择器
Vue+elementUI下拉框自定义
颜色
选择器
一、组件的定义1.定义
颜色
选择器
组件二、父组件使用步骤1.引入子组件2.声明组件3.子组件使用 一、组件的定义 1.定义
颜色
选择器
组件 话不多说,直接上代码 <template> <el-select ref="colorSelect" placeholder="" v-model="myColor" style="width: 100%" @change="handleChange"> <el-option
JavaScript
87,922
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章