2

我正在尝试使用以下代码为元素的不透明度设置动画；

window.setInterval(function(){
    var target = $('.before'),
    opacity = target.css('opacity');

    target.fadeTo(600, (opacity==1?0:1))
    }, 5000);

当不透明度从 1 变为 0 时，它可以正常工作，但是当从 0 到 1 时，它根本没有动画，它只是立即从 0 变为 1。

我尝试了各种方法使用 fadeTo() animate() toggle() 但无济于事

使用 fadeToggle() 可以按预期工作，但实际上并不是一个选项，因为它会在动画完成后向元素添加 display: none ，这会与页面布局混淆。

编辑

解决了：

我正在开发的网站使用 jQuery 1.4.4，更新到 1.10.1 解决了这个问题。

4

2 回答 2

0

尝试使用window.setInterval(function(){ $('.before').animate($('.before').css('opacity', 1?0:1), 1000); }, 5000);

于 2013-07-05T13:38:16.373 回答
0

您打算支持哪些浏览器？这可以使用 css 轻松完成 - 只需使用 jQuery 添加/删除一个类，然后使用 css 转换来处理不透明度淡入淡出。不透明度开/关在 lte IE8 中仍然有效，但不会褪色。

或者，您可以使用 fadeToggle 并添加 'display: block !important;' （或您需要的任何显示）到元素。

于 2013-07-05T13:44:34.867 回答