论坛首页 Web前端技术论坛

发布一个jQuery的颜色选择面板插件

浏览 9610 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2007-06-17  

插件发布页面:http://feiyu.asgard.cn/colorPicker.html
内含演示。

下载:(当前版本:1.0.1)
未压缩版 (3.47KB)
压缩版 (2.69KB) 推荐

作者及版权
作者: 绯雨
网址: http://feiyu.asgard.cn
反馈: http://feiyu.asgard.cn/article_94.html

支持
本插件需要jquery 1.1.2支持。本插件已在以下浏览测试通过:
- IE 6.x, IE 7
- Firefox 1.5+
- Opera 9.0

使用方法
$("Selector").colorPicker(vIn1,vIn2,vIn3,vIn4);
- $("Selector")
表示拾色器显示位置的参照对象

- vIn1
表示拾色器获得颜色后将颜色值返回到的目标对象。
可以是一个jQuery的选择器字符串,也可以是一个DOM对象,或者为false。
如为false表示不返回颜色值。
缺省值:当参照对象为"文本框"、"按钮"、"隐藏表单",则将值返回给参照对象。否则,先向前然后向后查询紧邻的第一个该类型的表单,并返回值。如无找到则不返回

- vIn2
表示拾色器获得颜色后需要改变背景色的目标对象
具体参数同vIn1

- vIn3
表示拾色器获得颜色后需要改变前景色的对象
缺省值:false

- vIn4
表示是否从参照对象的左下角开始显示拾色面板,否则从右下角显示拾色面板。
缺省值:true

  • 描述: 截图
  • 大小: 9.8 KB
   发表时间:2007-08-17  
您好,用了您这个颜色插件感觉很不错,但有点不明白,为何我多选择几次后,IE提示 "运行速度太慢" 这样一个提示框,我的代码样式如下,烦请作者看看写法有何不妥当之处

<!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=gb2312" />
<title>颜色选择</title>
</head>
<body>
<script type="text/javascript" src="../scripts/lib/jquery.laster.js"></script>
<script type="text/javascript" src="../scripts/lib/jquery.colorPicker.js"></script>

	标题栏颜色:
	<input name="titleColor" type="text" id="titleColor" size="10" maxlength="2" class="small_input" readonly="true"/> 
	<img src="../images/icon/icon_color.gif" class="title_color_select" align="absmiddle" />		
	<br/>


<script type="text/javascript">
<!--

// 设置标题颜色
$(".title_color_select").click(function(){
	var o = $(this);
	o.colorPicker({
		setValue: $(this).prev()
	});
});

//-->
</script>
</body>
</html>

0 请登录后投票
   发表时间:2007-08-23  
不错的控件,发布到官方的plugin list吧
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics