java - Jquery Slides，我想要一个随时打开

Question

所以我正在尝试使用 jquery 幻灯片制作这种“幻灯片”。我现在拥有它，因此当我悬停时图像会滑动，但如果用户没有将鼠标悬停在图像上，我希望其中一张图像始终展开。

这是测试页面的链接 http://www.johnnyedick.com/indexSlideUpTop.html如果您想要实时取景。

这是我正在使用的 jquery:

$(function() {

                $('#box1').hover(function() {
                    $(this).stop().animate({ "width" : "530px"}, 1000);
                }, function() {
                    $(this).stop().animate({ "width" : "100px"}, 1000);
                    });

                    $('#box2').hover(function() {
                    $(this).stop().animate({ "width" : "530px"}, 1000);
                }, function() {
                    $(this).stop().animate({ "width" : "100px"}, 1000);
                    });

                    $('#box3').hover(function() {
                    $(this).stop().animate({ "width" : "530px"}, 1000);
                }, function() {
                    $(this).stop().animate({ "width" : "100px"}, 1000);
                    });
            });

谢谢

Answer 1

我写了一个简单的函数:http://jsfiddle.net/skip405/9NVWt/2/ .可能会有用。我相信它可以被更有 jQuery 经验的人进一步完善，我只是一个新手