Question

我似乎无法使这些图像循环并淡入/淡出以制作图像库。为什么我的代码不起作用？我想停止在button1上停留后，我想让图像和动画消失。

$(".button1").hover(function(){

    $("#about").fadeOut(0);
    $(".button12").fadeOut(0);
    $("#frame").fadeIn(250);

    while (".button1".hover()){
     $("#image1").fadeIn(250);
     $("#image1").delay(6000).fadeOut(250);
     $("#image2").delay(6000).fadeIn(250);
     $("#image2").delay(12000).fadeOut(250);
     $("#image3").delay(12000).fadeIn(250);
     $("#image3").delay(18000).fadeOut(250);

     }


  });

Answer 1

您的语法错误while (".button1".hover()){我已经更改了您的代码，

         $('.button1').live('mouseover', function () {
             $("#about").fadeOut(0);
             $(".button12").fadeOut(0);
             $("#frame").fadeIn(250);
             $("#image1").fadeIn(250);
             $("#image1").delay(6000).fadeOut(250);
             $("#image2").delay(6000).fadeIn(250);
             $("#image2").delay(12000).fadeOut(250);
             $("#image3").delay(12000).fadeIn(250);
             $("#image3").delay(18000).fadeOut(250);
          });

          $('.button1').live('mouseleave', function () {
             $("#image1").fadeOut(0);
             $("#image2").fadeOut(0);
             $("#image3").fadeOut(0);
          });

演示链接http://jsfiddle.net/dhana36/753Lt/

循环时Jquery图库

1 个答案: