Random-effects-demo

Scriptaculous JavaScript DHTML


            

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


  script.aculo.us Effects functional test file
  
  
  
  
  
    div.demo { font-size: 70pt; float: left }
    div#info { font: 10px/11px Tahoma, Arial, sans-serif; }
  
  
  
  
  function startDemo() {
    $$('div.demo').each( function(d) {
      d.visualEffect(
      ['fade','appear','blind_up','blind_down','puff','switch_off','drop_out','shake',
       'slide_up','slide_down','pulsate','squish','fold','grow','shrink'][Math.round(Math.random()*14)],
       { duration:0.5+Math.random()*5, delay: Math.random()*3 });
    });
    $('info').update(
      Effect.Queues.get('global').collect( function(e) {
        return e.inspect().escapeHTML()
      }).join('
'));
  }
  
  


Random effects demo

Start... | 
Show/hide log
 
DIV1


 
DIV2

DIV3