Scriptaculous JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. Scriptaculous
  4. Start queued effects in global queue


        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


  script.aculo.us Effects functional test file
  
  
  
  
  
  
    #d1 { background-color: #fcb; width: 200px; height: 200px; float:left; }
    #d2 { background-color: #cfb; font-size: 2em; width: 200px; height: 200px; float:left; }
    #d3 { background-color: #bcf; font-size: 2em; width: 200px; height: 200px; float:left; }
  
  
  


script.aculo.us Effects functional test file


Effect.Queue



  Lorem ipsum dolor sit amet




  

Lorem ipsum dolor sit amet




  

Lorem ipsum dolor sit amet




  Start queued effects (in 'global' queue)


  
    Do a bit sliding in parallel, with a scoped queue
  


  function startTimeline() {
    // 3x highlight in front
    for(var i=0; i<3; i++)
      new Effect.Highlight('d3', { duration: 1.0, queue: 'front' });
    
    // insert scale at very beginning
    new Effect.Scale('d1', 75, { scaleContent: true, duration: 1.0, queue: 'front' });
    
    // parallel implied, delay 0.5 sec
    new Effect.Highlight('d1', { delay: 0.5 }); 
    
    // puff at end
    new Effect.Puff('d2', { duration: 4.0, queue: 'end' });
  }