62,271
社区成员
发帖
与我相关
我的任务
分享
// JavaScript Document
(function($){
$.fn.pickColor=function(callback)
{
var itemColors=["#827E7F","#E0B800","#D15502","#F10B00","#EC0078","#F328FF","#2690FE","#D3FDFF"];
var $colorBox=$(document.createElement("div")).css({"width":"80px","height":"10px","position":"absolute","border":"1px solid #999999","line-height":"10px"});
$.each(itemColors,function(n,v)
{
var $item=$('<a href="" title="'+v+'"><img src="" width="10" height="10" border="0" style="background:'+v+';" /></a>').click(function(){callback(v);$colorBox.remove();return false;}).appendTo($colorBox);
})
$colorBox.insertAfter(this).hover(function(){},function(){$colorBox.remove();});
}
})(jQuery);
<tr bgcolor="#ffffff">
<td>
标题颜色:</td>
<td>
<input id="color" name="color" readonly="readonly" style="width: 150px" type="text" runat="server" onclick="var $this=$(this);$this.pickColor(function(color){$this.css('background',color);$this.val(color);});"/>
</td>
</tr>