-1

编辑：在评论中回答 - 我如何在评论中投票给答案？谢谢！

我一直试图实现这一点无济于事 - 我不知道出了什么问题 - 它在 jsfiddle 中完美运行，但在我的实际 html 代码中却没有......我认为这与我如何实现它有关。如果这有点初级，我很抱歉，但我对 jQuery 很陌生。这是 HTML 代码（包括 jQuery 代码片段）：

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="s3Slider.js"></script>

</head>
<body>
<script>
$(document).ready(function(){

$('a').mouseenter(function(){
    $(this).animate({
        color: '#ff0000'
    }, 1000);
}).mouseout(function(){
    $(this).animate({
        color: '#000000'
    }, 1000);
});

});
</script>

<a href = "http://google.com" class = "homeLink">Google</a>

</body>
</html>

非常感谢任何反馈、意见和建议！巴乔

4

3 回答 3

2

在您的代码中包含彩色动画 JQuery UI并尝试相同...

它会起作用的

<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>

小提琴：http: //jsfiddle.net/RYh7U/63/

参考：http: //jqueryui.com/animate/

于 2013-02-11T15:02:00.083 回答
1

您需要 jQuery Color 插件来为颜色设置动画 -在此处获取副本。记得在主 jQuery 库之后包含它。

或者，如果您希望它完全出现和消失，也许只是动画不透明度而不是颜色：

$('a').mouseenter(function(){
    $(this).animate({
        opacity: '1'
    }, 1000);
}).mouseout(function(){
    $(this).animate({
        opacity: '0'
    }, 1000);
});
于 2013-02-11T14:54:25.083 回答
1

如果你想让文字褪色......使用不透明度......

$(document).ready(function(){

   $('a').mouseenter(function() {
     $(this).animate({ opacity : '0.5' }, 1000);
   }).mouseout(function() {
     $(this).animate({ opacity: '1'}, 1000);
   });
});
于 2013-02-11T14:56:04.333 回答