V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
jerichowon
V2EX  ›  问与答

请教一个关于JQuery动画效果的问题。

  •  
  •   jerichowon · Jan 16, 2012 · 3900 views
    This topic created in 5215 days ago, the information mentioned may be changed or developed.
    我想实现一种效果:鼠标进入Div的时候Div背景色变色,代码我写成下面的样子:
    $("#DivId").hover(function () {
    $(this).animate({ backgroundColor: "#000"}, 500);
    },
    function () {
    $(this).animate({ backgroundColor: "#fff"}, 500);
    });

    可是运行以后没有效果- -!!

    我查看其他网站js代码后发现有些网站也是这么写的,效果就很好。

    请教一下大家到底是哪里出问题了?
    6 replies    1970-01-01 08:00:00 +08:00
    issac
        1
    issac  
       Jan 16, 2012
    css:
    div {background-color:#fff;}
    div:hover {background-color:#000;}
    cmonday
        2
    cmonday  
       Jan 16, 2012
    jQuery 的 animate 方法自身并不支持颜色。请参考这里的答案:
    http://stackoverflow.com/questions/190560/jquery-animate-backgroundcolor
    frittle
        3
    frittle  
       Jan 16, 2012
    需要jQuery UI库,或者这个相对来说小很多的jQuery插件
    https://github.com/jquery/jquery-color

    详细的楼上那个链接里也说明了。
    jerichowon
        4
    jerichowon  
    OP
       Jan 16, 2012
    发现了,要引入一个jquery.effect.core.js的文件,然后渐变效果就有了。
    icyflash
        5
    icyflash  
       Jan 16, 2012
    jerichowon
        6
    jerichowon  
    OP
       Jan 17, 2012
    @icyflash 打算学一下css3了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4715 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 44ms · UTC 10:06 · PVG 18:06 · LAX 03:06 · JFK 06:06
    ♥ Do have faith in what you're doing.