2

ページが読み込まれたときにアニメーションを追加したいと思います。何度か試しましたが、うまくいきませんでした。jqueryハックを手伝ってもらえますか？

HTMLとJqueryの部分：

    <div class="MainPozEstate"><a href=""><img src="assets/img/mrk-sng.png" alt="Acarkent Markavilla"/></a></div>
    <script type="text/javascript">
        jQuery( document ).ready( function($) {
            $( ".MainPozEstate a" ).mouseover( function() {
                $( this ).children( "img" ).stop( true, true ).animate({
                    opacity: 0.6
                }, 200, "swing", function() {
                    $( this ).animate({
                        opacity: 1
                    }, 400 );
                });
            });
        });
    </script>

CSS行：

.MainPozEstate {float:left;width:980px;margin:0px auto;padding-top:30px;text-align:center;}
.MainPozEstate img {border:none;margin:0px auto;}

ありがとう。

4

1 に答える 1

1

別の効果を追加したい場合は、別の呼び出しを行うかもしれません。 http://jsfiddle.net/fedmich/w8HzE/2/

jQuery( document ).ready( function($) {
    $( ".MainPozEstate a" ).mouseover( function() {
        $( this ).children( "img" ).stop( true, true ).animate({
            opacity: 0.6
        }, 200, "swing", function() {
            $( this ).animate({
                opacity: 1
            }, 400 );
        });
    });

    //
});

jQuery( document ).ready( function($) {
    //do your other effects here or just trigger/call mouseover if you want.
    $( ".MainPozEstate a" ).mouseover();
});

あなたのコードは機能していると思います、http：//jsfiddle.net/fedmich/w8HzE/

于 2012-11-20T03:06:31.577 に答える