Question

我在这个网页http://www.2eenheid.de/cloud/上有一个JQuery幻灯片。

单击“云”等菜单项时，背景会淡化为其图像。即使在悬停并悬停在不同的菜单项上之后，它也会逐渐消失回“云”图像。

现在，当它也在“云”项目上进出时也会这样做。它淡出并以相同的图像淡入。如果图像相同，它应该不会做任何事情。它看起来有点混乱。有关如何使用我的代码执行此操作的任何线索？

JQUERY

    <script type="text/javascript">
        $(function () {
            var imgsrc = '';
            imgsrc = $('.pikachoose').css('background-image');

            $('ul.slideshow-menu').find('a').hover(function () {
                var newImg = $(this).attr('src');
                $('.pikachoose').stop().fadeOut('fast', function () {
                    $(this).css({
                        'background-image': 'url(' + newImg + ')'
                    }).fadeTo('slow', 1);
                });

            }, function () {
                $('.pikachoose').stop().fadeOut('fast', function () {
                    $(this).css({
                        'background-image': imgsrc
                    }).fadeTo('slow', 1);
                });
            });

        });
    </script>

Answer 1

$(function () {
        var newImg = '';

        $('ul.slideshow-menu').find('a').mouseover(function () {
            newImg = $(this).attr('src');
            $('.pikachoose')
            .fadeOut('fast')
            .css({'background-image': 'url(' + newImg + ')'})
            .fadeTo('slow', 1);
       });

    });

如果选中，JQuery幻灯片显示没有动画

1 个答案: