Jquery在一个类中褪色

时间:2012-07-11 19:15:48

标签: jquery html css

是否有某种方法可以使用fadeIn方法淡入一个类。 我试过......

$(".ipv4val").removeClass("bad").fadeIn("slow")

....但这无法淡化课程。

任何想法

谢谢,

2 个答案:

答案 0 :(得分:1)

工作演示:http://jsfiddle.net/3g6rd/1/

<强> HTML:

<div class="ip4val bad"></div>​

<强> CSS

.ip4val{width:200px; height:200px;} .bad{background:#333;}​

<强> Jquery的:

$(".ip4val").click(function(){

    $(this).fadeOut('slow', function(){
       $(this).removeClass('bad')
    });
});​

----------更新-------

如果你只想淡出焦点上的输入边框,那么CSS3就可以了。

使用CSS小提琴:

http://jsfiddle.net/surendraVsingh/3g6rd/3

答案 1 :(得分:0)

fadeIn() method的目的是为元素的不透明度设置动画,你不能动画添加或删除一个类。您可以使用animate() method为某些css属性设置动画。