2

我想在页面加载时添加一些动画。我尝试了几次，但没有成功。你能帮我做一个 jquery hack 吗？

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 回答