Efecto clic tipo iPhone con Mootools o jQuery

Si te gusta el efecto que muestra el navegador Safari en un iPhone al hacer clic sobre un enlace, entonces te van gustar las siguientes dos implementaciones del mismo efecto, una con Mootools y la otra con jQuery.

Se trata del tutorial iPhone Click Effect Using MooTools or jQuery publicado en el blog David Walsh, el efecto es muy sencillo al igual que la implementación.

Implementación

Para el color que consiguen los enlaces se utiliza un código CSS como el siguiente:

.clicked { padding:1px 2px; -moz-border-radius:5px; background:#aaa; }

Mootolools Javascript

EL siguiente código es la implementación Javascript para la biblitoeca Mootools:

window.addEvent('domready',function() {
var lynx = $$('a');
lynx.addEvent('click',function(e) {
lynx.removeClass('clicked'); //remove from others
this.addClass('clicked');
});
});

jQuery Javascript

El siguiente código es la implementación Javascript para la biblioteca jQuery:

$(document).ready(function() {
var lynx = $('a');
lynx.click(function(e) {
lynx.removeClass('clicked');
$(this).addClass('clicked');
});
});

Como ves su implementación es muy simple, incluso aunque cuando no conozcas ni jQuery ni Mootools.

iPhone Click Effect Using MooTools or jQuery

Sitio: davidwalsh.name/iphone-click