Java Jquery幻灯片，我想要一张随时打开的幻灯片

所以我尝试使用jquery幻灯片制作这种“幻灯片”。我现在就有它，所以当我悬停时图像会滑动，但是如果用户没有悬停在图像上，我希望其中一个图像总是展开的

如果您想要实时查看，这里有一个指向测试页面的链接

下面是我使用的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);
                    });
            });

谢谢

更新：

    $(function() {
    $('#box1, #box2, #box3').hover(function() {
        $(this).stop().animate({ "width" : "530px"}, 1000)
            }, function() {
                $(this).stop().animate({ "width" : "100px"}, 1000);
                   }).mouseleave(function(){
                     jQuery.fx.off = true;
                         });

---

在悬停函数代码之后添加此代码

$('#box3').css('width','530px') ;

---

当第三个div显示正常大小时，我编写了一个简单的函数：。也许它会有用。我相信如果有人在jQuery方面有更丰富的经验，它可以进一步完善，我只是一个新手

我不确定您的问题。但您应该防御性地将类应用于这些div，并为该类而不是每个id触发；）我在你代码的第5行发现了一些语法错误，动画后的.mouseleave会这样做吗？@117sparten是的，不是因为这个

$（function（）{

应该是

$（function（）{…}）

sry，我会修改ma的答案。“啊，是的，我知道你的代码是怎么做的，它会与我所有的div对话，并在悬停时展开它们。但是它不会在鼠标落下时收缩它们。我只会一张接一张地放大图像。我确实喜欢一次与它们对话的想法……嗯，我会尝试想出一些方法来合并这一点，并提供一个解决方案。”on@117sparten好的，伙计，这听起来很酷，祝你好运，你能为标记做一个JSFIDLE吗？嘿，伙计，谢谢，这正是我想要的。我看看我能不能通过@skip405将它修改成适合我的伟大解决方案。我已经分叉了它，提供了你网站的JSFIDLE，并在这里修改了上述解决方案。我在鼠标进入时扩展，而不是在上收缩鼠标离开并在最后一张幻灯片上保持展开状态，使用鼠标回车。@plurby，请注意，在我的JSFIDLE中有两个功能：1-它由两部分组成：mouseenter和mouseleave；2-为第一个

.box

设置动画，返回两个230px。您已经复制了一半的代码）))这一个看起来更像。唯一缺少的是第一个框的页面加载宽度为530px，但我看不出css中有错误。我在css中添加了

id

选择器，尽管我不喜欢它-但它起到了作用：