⊃ Prototype Site ⊂

onclick="new Effect.SlideDown('content', {duration:0.5}); return false;"

onclick="new Effect.SlideUp('content', {duration:0.5}); return false;"

onclick="new Effect.Appear('content', {duration:0.5}); return false;"

onclick="new Effect.Fade('content', {duration:0.5}); return false;"

onclick="new Element.toggle('content'); return false;"

$('content').innerHTML = "<p>This is updated content. Thanks Sam!!</p>";

onclick="new Effect.Highlight('content'); return false;"

$('content').innerHTML = "<p>This is updated content. Thanks Sam!!</p>";
new Effect.Highlight('content');

$('content').innerHTML = "<p>This is content that will appear upon first load. Everything you see was hard coded into this div.</p>";

$$('.box').each(function(element) {
new Element.toggle(element);
});

$$('.box').each(function(element) {
element.setStyle({background: '#009800'});
element.setStyle({color: '#ffffff'});
});

$$('.box').each(function(element) {
$$('.box').first().setStyle({background:'#009800'});
$$('.box').first().setStyle({color:'#ffffff'});
});

Effects