关于动画修改input 的COLOR或 BACKGROUND COLOR的问题

$("input.typeButton").hover(function(){
    $(this).stop().animate({
        color:"#F00"
    },300);
    },function(){
    $(this).stop().animate({
        color:"#F00"
    },300);
});

请问为什么我没办法修改input的颜色设置backgroundColor好像也报错

[ 此帖被zhumq1982在2009-06-20 20:18重新编辑 ]

作者: zhumq1982 发布时间: 2009-06-20

有些样式是不能动画改变的，你可以想想background-image的渐变将是多么复杂的

要实现的话这里自己做插件渐变颜色，或者用opacity参数+css函数来近似

如果不想自己写的话，可以用这个插件
http://www.yiejun.com/js/jquery/jquery.plugins.color.js

这里有例子：
http://www.yiejun.com/?p=351

作者: keakon 发布时间: 2009-06-20

引用

引用第1楼keakon于2009-06-20 16:28发表的 :
有些样式是不能动画改变的，你可以想想background-image的渐变将是多么复杂的

要实现的话这里自己做插件渐变颜色，或者用opacity参数+css函数来近似

如果不想自己写的话，可以用这个插件
.......

兄弟，我说的是字体颜色或背景颜色，不是背景图片

因为我在A里面颜色渐变是可以实现的，所以才想不明白为什么INPUT里就实现不了

作者: zhumq1982 发布时间: 2009-06-20

我说的背景图片只是举例，我不清楚你是怎么渐变的，我这连div都是不能渐变的

做法在上面的已经告诉你了，你自己去看插件的用法，引入一个js就行了

作者: keakon 发布时间: 2009-06-20

哈，兄弟我查出来原因了

看这个

http://www.websiteui.com/test/color.php

关键是要载入jQueryUi的库

作者: zhumq1982 发布时间: 2009-06-20

ui库很大的，只是为了color没必要…

而且ui本身也是插件

作者: keakon 发布时间: 2009-06-20

呵呵那到是的

所以我认为应该是JQUERY的一个BUG

希望以后能补掉

作者: zhumq1982 发布时间: 2009-06-20

http://plugins.jquery.com/project/color
这个插件就可以了，没必要用UI
只是UI库里也包含这个插件而已。

就是一楼给出的插件的官方网地址

作者: shawphy 发布时间: 2009-06-22

关于动画修改input 的COLOR或 BACKGROUND COLOR的问题

热门频道