100分求一个Jquery语句

100分求一个Jquery语句div1显示完成后跳转到div2显示，这个语句怎么写！<div id ="div1">
  <script type="text/javascript" >
       $('#div1').animate({left:40,top:150}, {duration: 3000})
   complete: function () {  }                });    </script>
</div>

解决方案 »

  1.   

    用jquery操作css的语句
    $("#div1").css({display:"none"});这是设置div1隐藏
    $("#div2").css({display:"block"});这是设置div2显示
    初始的时候你可以先把div2设置成隐藏的style="display:none"
      

  2.   


    我说的是从div1跳转到div2.....
      

  3.   

    你的div1和div2是在同一个页面吗，
    如果在同一个页面就让div2获得焦点
    如果不在就window.location="url";url是你div2所在页面的路径
      

  4.   

    div2获得焦点：
    <script type="text/javascript" > 
          $('#div1').animate({left:40,top:150}, {duration: 3000}) 
      complete: function () { 
    div2.focus();
    }                });     </script> 
    跳转：
    <script type="text/javascript" > 
          $('#div1').animate({left:40,top:150}, {duration: 3000}) 
      complete: function () {
    window.location="url";//我可不知道你的页面的url是多少
     }                });     </script> 
      

  5.   

    我有仔细的看了下你这个问题，好像不需要什么跳转啊，既然在同一个页面，你直接在div2上放值就就好了啊，$("").html();$("").text();
      

  6.   

     <style type="text/css"> 
    #Layer1 {
    position:absolute;
    left:450px;
    top:200px;
    width:20px;
    height:24px;
    background:#FF0000;
    z-index:1;
    }
        </style> 
    <div id="Layer1">
       <script type="text/javascript" >
         var Func=  $('#Layer1').animate({left:600,top:110}, {duration: 2000,complete: function () { 
      
    }        
    });    </script>    
    </div> 
    我就想让func循环执行，在func执行完后，在会到func
      

  7.   

     <script type="text/javascript" > 
    function aaa(){
        var Func=  $('#Layer1').animate({left:600,top:110}, {duration: 2000,complete: function () { 
       aaa();
    }        
    }); 
    }    </script>    
      

  8.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <base href="http://docs.jquery.com" />
    <script src="http://code.jquery.com/jquery-latest.js"></script><script>
    window.onload = (function(){try{    $("li").toggle(
          function () {
            $(this).css("list-style-type", "disc")
                   .css("color", "blue");
          },
          function () {
            $(this).css({"list-style-type":"", "color":""});
          }
        );  }catch(e){}});</script>
    <style type="text/css">
    #Layer1 {
    position:absolute;
    left:450px;
    top:200px;
    width:20px;
    height:24px;
    background:#FF0000;
    z-index:1;
    }
    </style><style>html,body{border:0; margin:0; padding:0;}</style></head>
    <body>
    <div id="Layer1">
    <script type="text/javascript" >
        var Func=function(){$('#Layer1').animate({left:600,top:110}, 
                       {duration: 2000,complete:function(){Fun1()}});
                 };
        var Fun1=function(){$('#Layer1').animate({left:450,top:200}, 
                       {duration: 2000,complete:function(){Func()}})
                 };
       Func();
    </script>
    </div>
    </body>
    </html>