jquery - jQuery脉冲效果问题

我正在尝试在图像上获得脉冲效果。在this Fiddle中，我希望淡紫色边框在红色圆圈周围淡入淡出。红色圆圈应保持静止。我可以使它们淡入淡出，而不仅仅是紫色边框。有什么想法吗？

的HTML

<div id="pulseDiv">
  <div class="imgNoPulse"><img src="http://ubuntuone.com/1djVfYlV62ORxB8gSSA4R4">
    <div class="imgPulse"><img src="http://ubuntuone.com/2DuAHohinZ7LETkwlSIpM5"></div>
</div>

的CSS

.imgNoPulse { position:absolute;left:15px;top:15px;z-index:1; }
.imgPulse { position:absolute;left:-15px;top:-15px;z-index:-1; }

Java脚本

  function fadeThemIn(){
        $('#pulseDiv').children('div').delay(400).fadeIn('slow',function(){fadeThemOut();});
  };
  function fadeThemOut(){
        $('#pulseDiv').children('div').delay(400).fadeOut('slow',function(){fadeThemIn();});
  };
  $(document).ready(function(){
        fadeThemIn();
  });

最佳答案

更改：

$('#pulseDiv').children('div')

至：

$('#pulseDiv').find('div.imgPulse')

jsFiddle example

.children()仅在DOM中向下移动一个级别，而.find()将在多个级别中向下移动。另外，您还想指定.imgPulse div，而不是所有div。

关于jquery - jQuery脉冲效果问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16672813/