Barra de carga en los Link, jQuery plugin: linkNotify()
¿Alguna vez has visto a alguien, haga clic en un enlace, pasado unos segundos, nuevamente haga clic ?? Es un mal hábito y es contraproducente porque por cada clic que se hace , comienza a cargar la página de nuevo.
LinkNotify es un pluging para mejorar la retroalimentación de clics en vÃnculos. Este pluging lo que hace es mostrar una barra de progreso sobre los Link.
Por defecto el color de la barra es “#eeeeee”, en el ejemplo planteado le pondremos el color ROJO (“#ff0000″).
Código HTML:
<html>
<head>
<script src='jquery-1.3.2.min.js' type='text/javascript'></script>
<script src='jquery.linknotify-1.1.js' type='text/javascript'></script>
<script>
$(document).ready(function() {
$('#content a').linkNotify('#ff0000');
});
</script>
</head>
<body>
<div id="content">
<a href="http://www.13deseptiembre.com.ar"> http://www.13deseptiembre.com.ar</a>
<br />
<a href="http://www.google.com"> http://www.google.com</a>
</div>
</body>
</html>
Código Javascripts:
<script>
$(document).ready(function() {
$('#content a').linkNotify('#ff0000');
});
</script>
Link:
Saludos promero
¿Disfrutaste esta entrada? Por qué no dejas un comentario abajo y continúas la conversación, o te suscrÃbes a mi feed y obtienes los artÃculos como este enviados automáticamente cada dÃa hacia tu lector de feeds.
Trackbacks & Pingbacks
Comentarios
Deja un comentario
Saltos de lÃnea automáticos, la dirección de email nunca será publicada, HTML permitido: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
joya ! lo que necesitaba! .. Gracias Jon