+ -
当前位置:首页 → 问答吧 → 关于动画修改input 的COLOR或 BACKGROUND COLOR的问题

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

时间:2009-06-20

来源:互联网

$("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