我试图在mouseover上使用jQuery设置背景颜色变化的动画
我已经检查了一些例子,我似乎有它的权利,它与其他属性,如fontSize,但与我得到的背景色和“无效属性”js错误。
我使用的元素是div
$(.usercontent”).mouseover(函数(){
动画({backgroundColor:“olive”},“slow”);
});
有什么想法吗
颜色插件只比UI库便宜4kb。当然,你会希望使用一个像样的插件版本,而不是一些不能处理Safari和在转换太快时崩溃的bug。由于没有提供缩小版,您可能需要测试各种压缩器并制作自己的min版。在这种情况下,YUI只需要2317字节就可以获得最佳压缩,而且因为它太小了,所以它就是:
(功能(d){
d、 每个([“backgroundColor”、“borderBottomColor”、“borderLeftColor”、“borderRightColor”、“borderTopColor”、“color”、“outlineColor”]),函数(f,e){
d、 fx.步骤[e]=函数(g){
if(!g.colornit){
g、 启动=c(g.elem,e);
g、 end=b(g.end);
g、 colorInit=true
}
g、 元素样式[e]=“rgb(“+[Math.max(Math.min(parseInt)((g.pos*(g.end[0]-g.start[0]))+g.start[0]),255),0),Math.max(Math.min(parseInt)((g.pos*(g.end[1]-g.start[1])+g.start[1]),255),0),Math.max(Math.min(parseInt((g.pos*(g.end[2]-g.start[2])+g.start[2]),255),0+”),加入(“,”
}
});
职能b(f){
变量e;
if(f&;f.constructor==数组和f.length==3){
返回f
}
如果(e=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*)/.exec(f)){
返回[parseInt(e[1])、parseInt(e[2])、parseInt(e[3])]
}
如果(e=/rgb\(\s*([0-9]+(?:\.[0-9]+))\%\s*,\s*([0-9]+(?:\.[0-9]+)\%\s*,\s*([0-9]+(?:\.[0-9]+)\%\s*/.exec(f)){
return[parseFloat(e[1])*2.55,parseFloat(e[2])*2.55,parseFloat(e[3])*2.55]
}
如果(e=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(f)){
return[parseInt(e[1],16),parseInt(e[2],16),parseInt(e[3],16)]
}
如果(e=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(f)){
return[parseInt(e[1]+e[1],16),parseInt(e[2]+e[2],16),parseInt(e[3]+e[3],16)]
}
如果(e=/rgba\(0,0,0\)/.exec(f)){
返回a.transparent
}
返回[d.trim(f).toLowerCase()]
}
功能c(g,e){
var f;
做{
f=d.css(g,e);
if(f!=“和&;f!=“透明”| d.nodeName(g,“主体”)){
打破
}
e=“背景色”
}while(g=g.parentNode);
返回b(f)
}
变量a={
水:[0,255,255],
azure:[240255255],
米色:[245245220],
黑色:[0,0,0],
蓝色:[0,0,255],
布朗:[165,42,42],
青色:[0,255,255],
暗蓝色:[0,0,139],
darkcyan:[0139139],
达克格雷:[169169169169],
暗绿色:[01100,0],
达克哈基:[189183107],
黑金塔:[139,0139],
达科利维格林:[8510747],
达克朗格:[255,140,0],
达科奇德:[153,50,204],
darkred:[139,0,0],
达克萨尔蒙:[233150122],
达克维奥莱特:[148,0211],
紫红色:[255,0255],
黄金:[255,215,0],
绿色:[0,128,0],
靛蓝:[75,0130],
卡其色:[240230140],
浅蓝色:[173216230],
lightcyan:[224255,255],
浅绿色:[144238144],
浅灰色:[211211211211],
浅粉色:[255、182、193],
浅黄色:[255,255,224],
石灰:[0,255,0],
洋红:[255,0255],
褐红色:[128,0,0],
海军:[0,0,128],
奥利弗:[128,128,0],
橙色:[255,165,0],
粉红色:[255192203],
紫色:[128,0128],
紫罗兰:[128,0128],
红色:[255,0,0],
西尔弗:[192192192],
白色:[255,255,255],
黄色:[255,255,0],
透明:[255,255,255]
}
})(jQuery);