JQUERY fade效果求助

Question

本帖最后由 walunwine2 于 2013-06-04 13:30:20 编辑

Answer 1

<div id="wrapper">
        <div id="images">
            <a href="/" class="jfade_image"><img src="images/card02.jpg" border="0" class="portfolio"/></a>
            <img src="images/card04.jpg" class="jfade_image"/>
            <img src="images/card09.jpg" class="jfade_image"/>
            <img src="images/card13.jpg" class="jfade_image"/>
            <img src="images/card14.jpg" class="jfade_image"/>
            <img src="images/card15.jpg" class="jfade_image"/>
            <img src="images/card16.jpg" class="jfade_image"/>
            <img src="images/card17.jpg" class="jfade_image"/>        </div>
    </div>

Answer 2

增加a后(this).siblings()就返回空节点了，用下面的替换换原来的，注意不要随便更改结构            this.hover(function () {
                console.log($(this).siblings());
                $(this).stop().animate({ opacity: settings.high_opacity }, settings.timing); //100% opacity for hovered object
                $(this.parentNode.tagName == 'A' ? this.parentNode : this).siblings().stop().animate({ opacity: settings.low_opacity }, settings.timing); //dimmed opacity for other objects
            }, function () {
                $(this).stop().animate({ opacity: settings.start_opacity }, settings.timing); //return hovered object to start opacity
                $(this.parentNode.tagName == 'A' ? this.parentNode : this).siblings().stop().animate({ opacity: settings.start_opacity }, settings.timing); // return other objects to start opacity
            });