Question

在jquery或javascript中是否有一种方法可以检测元素的不透明度何时发生变化然后启动一个函数来添加新的效果，例如，如果你有一个页面，其中自动事件发生就像一个元素褪色然后当发生这种情况时，你想发布其他东西。你会怎么做？

有点像幻灯片。

以下是我到目前为止的演示：

http://jsfiddle.net/Hive7/n57Zy/

比我想要的最后一个元素不透明度更改然后再次启动循环

提前致谢

Answer 1

这是一个例子，如何使用CSS检测更改选择器值的JavaScript。

我使用http://darcyclarke.me/dev/watch/

启发了jquery.watch.js启发的解决方案

jQuery(function($){
    $("div").watch('opacity', function(){
        alert("OMG!");
    });
});

JSFiddle： http://jsfiddle.net/KWqUv/1/

Answer 2

我正在谈论的一个例子，给你一个想法。

var delayOL = d;
var fadeLoop = (function fadeLoop(i) {
    $('.slideshow img').eq(i).delay(delayOL).fadeOut(d, function () {
        i++;
        if (i === $('.slideshow').find('img').length) i = 0;
        $('.slideshow img').eq(i).fadeIn(d, function () {
            delayOL = 0;
            setTimeout(function () {
                fadeLoop(i)
            }, g);
        });
    });
})(0);

DEMO

检测不透明度何时更改

2 个答案: