检测不透明度何时更改

有没有一种方法在jquery或javascript中检测元素的不透明度何时发生变化然后启动一个函数来添加新的效果，例如，如果你有一个页面，其中自动事件发生就像一个元素消失然后你想要启动别的东西时那事发生了。 你会怎么做？

它有点像幻灯片放映。

这是我到目前为止的演示：

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

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

提前致谢

Answer 1

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

 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

Answer 2

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

我使用jquery.watch.js启发了http://darcyclarke.me/dev/watch/的解决方案

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

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