【问题标题】:Change speed of jquery link hover改变jQuery链接悬停的速度
【发布时间】:2017-06-24 17:42:36
【问题描述】:

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

这是代码:

<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>

【问题讨论】:

标签: jquery performance hover


【解决方案1】:

希望这会奏效 使用 animate 函数而不是 css

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

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

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

);
</script>

【讨论】:

    猜你喜欢
    • 2019-05-06
    • 2012-07-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-01
    • 1970-01-01
    • 2014-12-14
    相关资源
    最近更新 更多