全新：js实现Dreamweaver中颜色选择器的功能，如果你曾经为此烦恼，来看看吧！
编辑：www.fx114.net
本篇文章主要介绍了"全新：js实现Dreamweaver中颜色选择器的功能，如果你曾经为此烦恼，来看看吧！ "，主要涉及到全新：js实现Dreamweaver中颜色选择器的功能，如果你曾经为此烦恼，来看看吧！ 方面的内容，对于全新：js实现Dreamweaver中颜色选择器的功能，如果你曾经为此烦恼，来看看吧！ 感兴趣的同学可以参考一下。
算算在这里也写了不少篇博客了，也知道了一点大家的习惯，所以废话不多说，直接先上大家可以看到的效果：
///////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////
不要问我为什么会想到去写这样一个东西，道理其实很简单，我拿出来的东西，基本上都是在我的“”中有需求的，我必须实现这样的一些功能。这个颜色选择器被用在用户更改桌面设置的时候，可以用来修改桌面图标的字体颜色和桌面背景颜色。不排除未来其它需要颜色设置的时候也还会用上。我也想过要走“捷径”去网上搜一下有没有现成的类似的代码，可以每次结果都让我很失望，有一些代码，但感觉质量都不能符合我的要求，最起码都兼容不了firefox。看样子注定大多数工作还得靠自己来完成。我没有花时间去自己设计一个全新的颜色选择器，没有那么多时间，感觉Dreamweaver中的颜色选择器还算是可以的，就直接拿它当原型，用js实现了。
颜色选择器，原理上其实不难，就是在页面上显示一序列的颜色，然后鼠标点击某个颜色区域的时候，返回一个颜色值给调用程序或者对象了。需要花的心思的，倒是如何显示这一序列颜色的问题。有心人仔细研究一下Dreamweaver的颜色选择器不难发现，它的颜色显示是有规律可循的：拿它的立方色盘来说，主要的色盘区域可以明显看出分为6个小区域，每个区域有6*6个小色块。再以其中第一个区域为例，x方向查看其颜色值：，cc00，0ff00，可以发现，每一行的颜色值中都只有中间两位按规律变化。再看y方向颜色值：，00cc，0000ff，每一列的颜色值中都之后最后两位按规律变化。这就是规律，其他几种色盘也可以用类似的方式去发现它的生成规律，这里就不重复说了。
知道了规律，要生成这个色盘就不难了。我们以td为单元格做色块， 下面的代码则是按照上面我们发现的规律来生成这个色盘了：
&1&if(Type==1)
&2&{
&3&for(var&i=0;i&ColorsPreCi++)
&4&{
&5&ColorHTML+="&&tr&";
&6&for(var&j=0;j&ColorsPreRj++)
&7&{
&8&var&hR=0;&& //前两位颜色值，这里先用10进制表示起值，便于计算，后面再将其转换为16进制。
&9&var&hG=0;& //中间两位颜色值
10&var&hB=0; //后两位颜色值
11&var&Temp=Math.floor(i/Degree)*3+(Math.floor(j/Degree)+Math.floor(i/Degree)*2)*3;& & & & & & & & &&
12&&hR=Temp*16+T& //计算当前前两位的值
13&Temp=j%Degree*3;
14&hG=Temp*16+T& //计算机中间两位的值
15&Temp=i%Degree*3;
16&hB=Temp*16+T&& //计算后两位的值
17&var&CnLeiColor=new&MyColor(hR,hG,hB);
18&var&ColorValue=CnLeiColor.hexValue();//转换为16进制19&ColorHTML+="&td&style=\"background-color:"+ColorValue+";&height:15&width:15&font-size:5border:1px&solid&#000000\"&\
20&onmouseover=\"BlueColorSelecter.ShowColor(this)\"\
21&onclick=\"BlueColorSelecter.SelectColor(this)\"\
22&&&/td&"& //生成单元格html代码
23&}
24&&ColorHTML+="&&/tr&";
25&}
26&ColorHTML+="&&/tr&&/table&";
27&ColorArea.innerHTML=ColorHTML;& //显示生成的html，也就是色盘效果
28&}
&其他还有两个色盘，一个连续色调的，一个是灰度级别的，道理都跟上面这个是类似的，就不重复了。
其他需要讲一下的，大概就是整个颜色选择器是如何工作的了。其实道理也简单，js里面写好这个空间构成必须的html代码，我这里是用表格布局的，然后当事件激发需要显示这个选择器的时候，显示这个html就ok了。如果你对js是有一些了解的话，我想肯定是一点就通的，甚至我这“一点”也是多余的哦，呵呵！对源代码感兴趣的朋友可以直接右键查看本文章源代码，相信你能找到的。也可以点，对哦，在页面上的定位好象有点问题，有兴趣的话可以去修复一下，因为在我自己的应用中不会产生这个定位不准确的问题，加上比较忙，就没有去管它。还有其他什么问题也欢迎大家交流！
上次的一篇模拟google首页图标动画的文章，引发了一些不愉快，这是我非常不愿意见到的。为此我在这里先声明一下，发表这些文章基本上都是出于跟大家交流心得的目的，我没有必要去别的什么地方抄袭一个文章来哗众取宠，我敢说抄袭最终肯定是要自取其辱的，这样的事情我绝对不会干。当然我也不排斥别人持有怀疑的态度，但是请这些抱怀疑态度的人在这里发表关于什么抄袭之类的评论的时候，先擦亮眼睛看一看，对比一下源代码，你真的找到了所谓抄袭的证据么？否则，我还是希望抄袭之类伤害作者感情的话还是慎重点说为好。如果你有心去研究对比一下，相信最终还是会发现，应该是我这个全新的更完美。
作者：ublue.liao&& 联系我：QQ:/ 网址：(精灵部落)& 电子邮件：/
本文标题：
本页链接：今日论坛第 1 个签到，每日签到可得财富值+2，连续5天签到后再连续签到则每日可得财富值
+4，记得每天都来签到哦~
上一主题：
下一主题：
查看: 690 | 回复: 7
进来看看，给大家揭露一个淘宝卖屏幕的js
财富值 441
交易信用 0
积分/帖子：715
连续签到天数：1
全部签到天数：209
注册时间：
手机型号：
状态： 离线
进来看看，给大家揭露一个淘宝卖屏幕的js
首先介绍下背景吧，我的n4应该是相当悲剧的，显示关机键不灵敏，后来电池鼓包只能用半个小时不到，再后来就是莫名其妙屏幕有一半不能触摸，我感觉我这就是最悲剧的n4。
然后淘宝买了屏幕总成+电池，还不敢在销量高，大店里买，怕店大欺客。就去了小店买，评论都不错的。。结果电池差不多完美，用了半个月也一样，感觉跟原装一样。结果操蛋的是屏幕，有一小点盲区+灰尘+白色背景下有蓝色条状+开机的时候能看到一块红斑。结果作为够用党就想将就着用用好了，没想去换，而且我感觉他家的货应该也就这样，换来换去耽搁时间，就算了，给了一个差评就以为事情完结了。结果**才刚刚开始，卖家三番五次旺旺联系我要求改评价，说愿意退30。我没搭理，没开直接打电话了，我开始我没接，后来一直打没办法，看他怎么说，结果说愿意50改评价，我还是不愿意，因为我感觉这不是钱的事，后来又涨到100。我以人格发誓，我绝对没找卖家要过钱，然后卖家还说屏幕都是展示机拆下来的，多多少少都有问题，我去，有问题还卖，典型的js啊。然后电话就挂了。再一次已为这事完结了，结果过两天登淘宝，发现卖家回帖，说我找他要200，语气很贱的那种，然后说自己家的货铁包原装，不是原装2万都愿意赔，感觉相当恶心。然后气不过继续追评，但还是心里气不过，所以给大家来揭露下，防止更多人被骗。卖家店铺是娇小玲珑99，求大家围观扩散。或者帮我出下点子，怎么继续整治卖家。可能有点长，一激动就写这么多了。。。
财富值 1394
交易信用 0
积分/帖子：1544
连续签到天数：1
全部签到天数：326
注册时间：
手机型号：
状态： 离线
帮顶吧，销量高的店也不一定就不好呀
看什么看。。。哥只是路过~
交易信用 0
积分/帖子：264
连续签到天数：1
全部签到天数：67
注册时间：
手机型号：
状态： 离线
我记得在电脑上可以展示自己的买到的淘宝图片，把聊天记录截下来发上去OK
交易信用 0
积分/帖子：614
连续签到天数：1
全部签到天数：60
注册时间：
手机型号：
状态： 离线
用其他的旺旺拍个几万块钱的到付，然后，你懂的
帮顶、消灭零回复。不管有没有分，不能让坛友寒了心。
交易信用 0
积分/帖子：614
连续签到天数：1
全部签到天数：60
注册时间：
手机型号：
状态： 离线
在网上卖东西你还怕整不死他？
帮顶、消灭零回复。不管有没有分，不能让坛友寒了心。
财富值 441
交易信用 0
积分/帖子：715
连续签到天数：1
全部签到天数：209
注册时间：
手机型号：
状态： 离线
1991诺基亚
求整死的方法。。。实在想不到了
财富值 441
交易信用 0
积分/帖子：715
连续签到天数：1
全部签到天数：209
注册时间：
手机型号：
状态： 离线
1991诺基亚
好主意，等下电脑试试。。
UID 9264203
财富值 517
交易信用 0
积分/帖子：742
连续签到天数：1
全部签到天数：54
注册时间：
手机型号：
状态： 离线
回复 #4 1991诺基亚 的帖子
几万到付，呵呵！当奸商傻子啊
微信扫一扫关注dospy播放列表加载中...
正在载入...
分享视频：
嵌入代码：
拍下二维码，随时随地看视频
QQ三国6级翅膀和80级JS
上 传 者：
内容介绍：
QQ三国6级翅膀和80级JS
Channel Me 精选
我来说点啥
版权所有 CopyRight
| 京网文[0号 |
| 京公网安备：
互联网药品信息服务资格证：（京）-非经营性- | 广播电视节目制作经营许可证：（京）字第403号
<img src="" width="34" height="34"/>
<img src=""/>
<li data-vid="">
<img src=""/><i data-vid="" class="ckl_plays">
<img width="132" height="99" src=""/>
在线人数：
<li data-vid="">
<img src=""/><i data-vid="" class="ckl_plays">
<img src="///img/blank.png" data-src=""/>
<img src="///img/blank.png" data-src="http://"/>
<li data-vid="" class="cfix">
src="///img/blank.png" data-src=""/>
<i data-vid="" class="ckl_plays">
<li data-vid="" class="cfix">
src="///img/blank.png" data-src=""/><i data-vid="" class="ckl_plays">
没有数据！
{upload_level_name}
粉丝 {fans_count}
{video_count}
{description}JS去掉空格的问题，有兴趣的来看看，谢谢！！
[问题点数：20分，结帖人dengyulong]
JS去掉空格的问题，有兴趣的来看看，谢谢！！
[问题点数：20分，结帖人dengyulong]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
相关推荐：
2009年10月 Java大版内专家分月排行榜第一
2009年11月 Java大版内专家分月排行榜第二
本帖子已过去太久远了，不再提供回复功能。您好：　|　
> 张罗一下蒙特利米兰石的jc,各位想自己单做台面的业主来看看,我和
阅读 416|回复 16
张罗一下蒙特利米兰石的jc,各位想自己单做台面的业主来看看,我和js谈的价格现在。。。
论坛|攻略|有礼|房谈|
谁的琴弦里的她
　　乱了七的仲夏
　　海誓山盟 燃尽浮华
　　终不过是水中花
　　我 入戏太深 学不会放下
　　她 是我未完的那句话
　　她 是我卡在眼角的砂
　　大红大紫不太重要吧
　　拯不拯救谁去管它
　　她的快乐就是我的幸福了
　　夜半阑珊 我且听她
　　她说 蝴蝶扑不过天涯
　　爱她的人会懂她
　　她说 不是如果然后啊
　　她不太会说话
　　她喊谁亲们 喊谁傻瓜
　　怎么怎么我泪如雨下
　　双手合十
　　愿神保佑她
　　爱是不灭的神话
　　小小，加油
显示全部签名
我没跟你说过么,一会儿msn告诉你
谁的琴弦里的她
　　乱了七的仲夏
　　海誓山盟 燃尽浮华
　　终不过是水中花
　　我 入戏太深 学不会放下
　　她 是我未完的那句话
　　她 是我卡在眼角的砂
　　大红大紫不太重要吧
　　拯不拯救谁去管它
　　她的快乐就是我的幸福了
　　夜半阑珊 我且听她
　　她说 蝴蝶扑不过天涯
　　爱她的人会懂她
　　她说 不是如果然后啊
　　她不太会说话
　　她喊谁亲们 喊谁傻瓜
　　怎么怎么我泪如雨下
　　双手合十
　　愿神保佑她
　　爱是不灭的神话
　　小小，加油
说过，我知道，你再弄个大理石Jc吧
给我看看报价把！
同意！支持！参加！
回复：要份报价，echo_
冬天·灯心草
我要，.cn，谢谢！
给大家发小窗了
谁的琴弦里的她
　　乱了七的仲夏
　　海誓山盟 燃尽浮华
　　终不过是水中花
　　我 入戏太深 学不会放下
　　她 是我未完的那句话
　　她 是我卡在眼角的砂
　　大红大紫不太重要吧
　　拯不拯救谁去管它
　　她的快乐就是我的幸福了
　　夜半阑珊 我且听她
　　她说 蝴蝶扑不过天涯
　　爱她的人会懂她
　　她说 不是如果然后啊
　　她不太会说话
　　她喊谁亲们 喊谁傻瓜
　　怎么怎么我泪如雨下
　　双手合十
　　愿神保佑她
　　爱是不灭的神话
　　小小，加油
我也要一份报价，colorful_
> 张罗一下蒙特利米兰石的jc,各位想自己单做台面的业主来看看,我和
免费获取无增项报价
累计人报名
社区热点社会星光大道