更改jquery链接悬停的速度

时间:2017-06-24 17:42:36

标签: jquery performance hover

我有一个简单的网站,当我将鼠标悬停在链接上时,身体背景会变成图像。现在我想减慢悬停速度。有谁知道如何使这个工作?我搜索了一下,但无法使它正常工作。提前谢谢!

这是代码:

<a href="#" id="first">link</a>

的javascript:

<script type="text/javascript">
$("#first").hover(function () {

  $("body").css("background-image", 'url("img/imageurl.jpg")');

}, function()
{   
  $("body").css("background-image", 'none');
}

);
</script>

1 个答案:

答案 0 :(得分:0)

希望这会有效 使用animate函数代替css

<script type="text/javascript">
$("#first").hover(function () {

  $("div").animate({"background-color": "yellow"},5000);

}, function()
{   
  $("div").animate("background-color": "red"},5000)
}

);
</script>