用JQuery淡化黄色效果

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (92)

我想实现类似于37Signals的Yellow Fade效果的东西。

我正在使用Jquery 1.3.2

代码

(function($) {
   $.fn.yellowFade = function() {
    return (this.css({backgroundColor: "#ffffcc"}).animate(
            {
                backgroundColor: "#ffffff"
            }, 1500));
   }
 })(jQuery);

并且下一个呼叫显示黄色使用 ID 淡化DOM元素。

$("#box").yellowFade();

但它只是使它变黄。15000毫秒后没有白色背景。

为什么它不工作?

可以使用:

$("#box").effect("highlight", {}, 1500);

但是你需要包括:

effects.core.js effects.highlight.js

提问于
用户回答回答于
用户回答回答于

jQueryEffect库为应用程序增加了相当多不必要的开销。你只使用jQuery就完成相同的任务。

jQuery.fn.highlight = function() {
   $(this).each(function() {
        var el = $(this);
        el.before("<div/>")
        el.prev()
            .width(el.width())
            .height(el.height())
            .css({
                "position": "absolute",
                "background-color": "#ffff99",
                "opacity": ".9"   
            })
            .fadeOut(500);
    });
}

$("#target").highlight();

扫码关注云+社区

领取腾讯云代金券