如果选择JQuery幻灯片，则不显示动画

JQuery slideshow no animation if selected

本文关键字：显示 动画 选择 JQuery 幻灯片 如果      更新时间：2023-09-26

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

当点击"云"这样的菜单项时，背景会逐渐变为其图像。即使在不同的菜单项上悬停和悬停后，它也会淡出到这个"云"图像。

现在，当在"云"项目上来回悬停时，它也会这样做。它以相同的图像淡出并重新淡入。如果图像相同，它应该不会做任何事情。褪色太多了，看起来有点乱。有关于如何使用我的代码的线索吗？

查询

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

$(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);
       });
    });
相关文章：