tonight i added some effects to the front page.

here’s the code, any questions?

haha

window.addEvent('domready', function() {
var moveable = $$('.moveable');
moveable.each(function(el) {
var fx = new Fx.Styles(el, {duration: 500, wait: false});
el.original = el.getStyle('padding');
el.addEvent('mouseenter', function(el){
// console.log(this.id);
fx.start({
'padding':'35 0 35 35',
'background-position':'5% 0%'
});
this.setStyle('background','url(/images/'+this.id+'_bg.gif) -150px 0px no-repeat');
});
el.addEvent('mouseleave', function(el){
fx.start({
'padding':this.original,
'background-position':'-150px 0px'
});
});
});
var moveable = $$('#nav img');
moveable.each(function(el) {
var fx = new Fx.Styles(el, {duration: 500, wait: false});
el.original = el.getStyle('padding');
el.addEvent('mouseenter', function(el){
fx.start({
'padding':'0 25 0 25'
});
});
el.addEvent('mouseleave', function(el){
fx.start({
'padding':this.original
});
});
});
})


edit: WP sucks at indenting code. >:|