浪人最终幻想

XGZColorBox 控件发布（WEB程序开发颜色选择控件，基于JQuery库）

实例下载地址
http://www.cnitblog.com/Files/9jian/xgzcolorbox.rar

*使用说明*
1、插入 jQuery 库
　　<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
2、插入 XGZColorBox 插件
　　<script src="jquery.xgzcolorbox.min.js" type="text/javascript"></script>
3、插入 CSS
　　.xgzcolorbox{display:none;position:absolute;border:solid 1px #7f7f7f;padding:3px;background:#fff}
　　.xgzcolorbox table{border-collapse:collapse}
　　.xgzcolorbox td,.xgzcolorbox span{width:12px;height:12px;font-size:0;line-height:0;padding:0px;margin:0px}
　　.xgzcolorbox td{border:1px solid #000}
　　.xgzcolorbox span{display:inline-block;border:solid 0px #fff}
　　.xgzcolorbox .block{height:25px;background:#F5E6E6;text-align:center;font-family:Arial;font-size:12pt;line-height:12pt;color:#174974;font-weight:bold}
4、在 DOM load 事件中创建控件
　　/*
　　*  $("#ID").colorbox_create(参数);
　　*  无参数，默认设置绑定控件的 color 属性
　　*  参数格式： ['background-color' ,  颜色选择框单击事件]
　　*　　　　　　['border-color']
　　*　　　　　　['color']
　　*/
　　$("#colorbox1").colorbox_create();

浏览器支持

• FireFox 2.0
• IE 7.0
• IE 6.0

posted on 2009-05-03 18:10 独孤九剑 阅读(653) 评论(0)  编辑 收藏 引用 所属分类: Web?