两款颜色选择器 | 风羽博客 | 专注网站前端设计

首页 > 前端代码 > 两款颜色选择器

两款颜色选择器

2010-08-28, 星期六风羽前端代码 jquery, 颜色选择器 21 Comments Leave a comment

两款颜色选择器

Input文本框形式：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Input文本框形式颜色选择器</title> <script src="http://www.phoyu.com/myjs/jquery.js"></script> <script src="http://www.phoyu.com/myjs/colorselect.js"></script> </head> <body> <input id="ss" type="text" value=""> <script> $(document).ready(function(){ $("#ss").selectColor(); }); </script> </body> </html>

提示：你可以先修改部分代码再运行。

图形所见选Input文本框形式：

图形所见选Input文本框形式

下载：两款颜色选择

文章作者：风羽
本文地址： http://www.phoyu.com/divcss/liangkuanyansexuanzeqi.html
版权所有 © 转载时必须以链接形式注明作者和原始出处！

« 网页设计师美丽的陷阱参加WebReBuild.ORG 2010第四届“重构人生”年会小结 »

或许你会感兴趣的文章

2010-11-24 分享【jquery插件】图文切换效果

《两款颜色选择器》上有 21 条评论

QQ群名字在 2011 年 1 月 17 日19:16 说道：

好好详细呀谢谢分享

回复 ↓
Juicy Couture 在 2010 年 11 月 29 日16:23 说道：

感觉楼主很用心，会常来看你的文章和博客的。

回复 ↓
qq好友印象在 2010 年 9 月 6 日13:42 说道：

恩。确实很不错。

回复 ↓
学夫子在 2010 年 9 月 4 日10:54 说道：

这个作为一个站长工具是很不错的

回复 ↓
skf轴承在 2010 年 9 月 1 日15:44 说道：

来过了，希望以后多多发表日志！欢迎回访我的 http://www.skfsale.cn

回复 ↓
振动筛在 2010 年 9 月 1 日15:22 说道：

这个WEB适用色不错

回复 ↓
airmax 在 2010 年 9 月 1 日13:02 说道：

这个色彩很多样啊，感谢分享哦

回复 ↓
特殊符号在 2010 年 9 月 1 日09:13 说道：

很不错。学习了

回复 ↓
伯虎博客在 2010 年 8 月 31 日21:52 说道：

回访来了哈哈哈

回复 ↓
小羿在 2010 年 8 月 31 日21:01 说道：

不错的啊。哈哈

回复 ↓
智力开发产品在 2010 年 8 月 31 日16:05 说道：

很不错，我也来试试~~

回复 ↓
su 在 2010 年 8 月 31 日15:22 说道：

感觉很不错啊我喜欢啊呵呵

回复 ↓
右脑开发在 2010 年 8 月 31 日14:37 说道：

对我来说好像没什么差别

回复 ↓
纪玉华在 2010 年 8 月 31 日11:50 说道：

挺好看的！

回复 ↓
先看看在 2010 年 8 月 31 日10:41 说道：

右边的很特别

回复 ↓
joyla 在 2010 年 8 月 31 日09:06 说道：

啊哦！图片显示错误。

回复 ↓

风羽在 2010 年 8 月 31 日13:31 说道：

我也发现了，与浏览器有关。

回复 ↓

广州SEO 在 2010 年 8 月 30 日17:48 说道：

习惯用左边那个，右边那个怕选不对

回复 ↓
七七在 2010 年 8 月 30 日15:28 说道：

过来关注下，选第二种吧！

回复 ↓
老张博客在 2010 年 8 月 30 日08:50 说道：

第一种大众的，第二种不错。

回复 ↓
小武在 2010 年 8 月 29 日20:17 说道：

恩，效果不错。

回复 ↓

发表评论取消回复