Comments on: Link Nudging http://www.clientcide.com/code-snippets/visual-effects/link-nudging/ Making stuff work on the other side of the request. Tue, 05 Jan 2010 18:16:32 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Aaron N. http://www.clientcide.com/code-snippets/visual-effects/link-nudging/comment-page-1/#comment-31632 Aaron N. Mon, 08 Dec 2008 16:21:54 +0000 http://www.clientcide.com/?p=583#comment-31632 That would work just fine, too. The only issue here is that this instance of Fx.Morph could be accessed and altered by using the .morph shortcut again. If your work had any chance of morphing that object again you might want to segregate the instances. Still, a pretty rare edge case. I'd probably write it as you have it above. That would work just fine, too. The only issue here is that this instance of Fx.Morph could be accessed and altered by using the .morph shortcut again. If your work had any chance of morphing that object again you might want to segregate the instances. Still, a pretty rare edge case. I’d probably write it as you have it above.

]]> By: SixtyMonkey http://www.clientcide.com/code-snippets/visual-effects/link-nudging/comment-page-1/#comment-31630 SixtyMonkey Mon, 08 Dec 2008 07:14:10 +0000 http://www.clientcide.com/?p=583#comment-31630 What about... <code>$$('#footer-topics-1 a').each(function(el) { el.set('morph', {duration:300, link:'cancel'}).addEvents({ 'mouseenter': function() { this.morph({ 'padding-left': 20 }); }, 'mouseleave': function() { this.morph({ 'padding-left': 0 }); } }); });</code> What about…

$$('#footer-topics-1 a').each(function(el) {
el.set('morph', {duration:300, link:'cancel'}).addEvents({
'mouseenter': function() { this.morph({ 'padding-left': 20 }); },
'mouseleave': function() { this.morph({ 'padding-left': 0 }); }
});
});

]]>