Question

我有以下按钮，我想淡出文字。我不想淡出按钮，只是淡出按钮。我该怎么做？

jQuery到目前为止：

$('#name').click(function(){
    //Fade out text
   });

标记：

 <button id="name" type="submit" class="btn btn-large">Next >></button>

Answer 1

好像你正在使用twitter bootstrap。在这种情况下，请使用<a>代替<button>

这样的事情：

<a href="#" id="name" class="btn btn-large"><span id="fade">Next</span></a>

然后你可以淡出范围：

$("#fade").fadeOut("slow")

jsfiddle：jsfiddle

Answer 2

我建议将文字的颜色更改为按钮的颜色......

$('#name').click(function(){
   $(this).css('color', 'red');
});

因为淡出文字是不可能的......

Answer 3

您可以使用jQuery Color plugin设置从原始颜色到“透明”的颜色更改动画。

HTML

<button id="submit_button">Next >></button>

CSS

#submit_button {
    color: #000;
}

的Javascript

$(document).ready(function(){
    $('#submit_button').click(function(){
        $(this).animate({
            color: 'transparent'    
        },1000);
    });
});

这是一个jsFiddle作为插图：http://jsfiddle.net/5p2cH/3/

如何使用jQuery淡出按钮的文本？

3 个答案:

HTML

CSS