0

我正在尝试更改 Jquery 行为并将其添加到 wordpress 网站。

我想做的第一件事是每次通过导航单击页面时，我希望页面淡入，然后看起来页面已经向上滚动。我可以让 fase 工作，但我不能让页面向上滚动或至少有效果。 

<script language="Javascript">
    $(document).ready(function(){   
        $('body').fadeIn(1000);
    });
</script>

第二个问题是我有一个图像，当你在它上面时显示图像的标题，我希望它淡入但向上滚动标题。

<script type="text/javascript">

    $(document).ready(function() {

        //move the image in pixel
        var move = -15;

        //zoom percentage, 1.2 =120%
        var zoom = 1.1;

        //On mouse over those thumbnail
        $('#client-rank .client-img').hover(function() {

            //Set the width and height according to the zoom percentage
            width = $('#client-rank .client-img').width() * zoom;
            height = $('#client-rank .client-img').height() * zoom;

            //Move and zoom the image
            $(this).find('#client-rank .client-img img').stop(false,true)
                .animate({
                    'width': width, 
                    'height': height, 
                    'top': move, 
                    'left': move
                }, {duration:200});

            //Display the caption
            $(this).find('div.caption').stop(false,true).fadeIn(200);

        },
        function() {
            //Reset the image
            $(this).find('img').stop(false,true)
                .animate({
                    'width': $('.item').width(), 
                    'height': $('.item').height(), 
                    'top': '0', 
                    'left': '0'
                }, {duration:100}); 

            //Hide the caption
            $(this).find('div.caption').stop(false,true).fadeOut(200);
        });

    });

</script>

[关联 ]http://test-cocoonfxmedia.co.uk/elevate/clients!

任何意见，将不胜感激。

4

0 回答 0