【问题标题】:fade on background image change背景图像更改时淡入淡出
【发布时间】:2013-01-30 19:40:13
【问题描述】:

我有一个用于使用 jquery 更改背景图像的按钮,如下代码所示

$("#button").click(function() { 
  $('#div1').css("background-image", "url(images/newBG.jpg)");
});

效果很好!但我想在 newbg-image 中淡入淡出......是否可以向它添加一个 jquery 淡入淡出方法。 任何帮助将不胜感激。谢谢泰德

【问题讨论】:

  • 背景图片没有opactiy 属性,所以这是不可能的。如果你真的需要淡入淡出,你应该使用实际的 img 元素。
  • 不,不可能在不淡化 div 的全部内容的情况下淡化背景。您可以改为将absolutely 定位为img,然后您可以淡入/淡出。

标签: javascript jquery html


【解决方案1】:

试试这个:

$("#button").click(function() { 
  $('#div1').hide().css("background-image", "url(images/newBG.jpg)").fadeIn(500);
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-07-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-09-16
    相关资源
    最近更新 更多