Esquinas redondeadas con jQuery

Escrito por WillxD el 04 de February del 2009 en JavaScript

jQuery Corners es un plugin que nos permite crear esquinas redondeadas de una manera muy fácil, sin necesidad de imágenes o de estar maquetando |-) . Simplemente definimos una clase y se aplica a un elemento HTML.

Primero necesitas descargar jQuery y jQuery corners.

Luego en el HTML hacemos el llamado de los “js” dentro de las etiquetas “head”

1
2
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>

Luego definimos la clase que creara las esquinas redondeadas:

1
2
3
<script>$(document).ready( function(){
  $('.redondeados').corners();
});</script>

Ahora lo aplicamos a la etiqueta DIV:

1
2
3
<div class="redondeados">
	El contenedor con las esquinas redondeadas.
</div>

Bueno esa es solo la aplicación más simple, pero puedes configurarlo a tus medidas =P , más información en su sitio oficial.

3 Responses to “Esquinas redondeadas con jQuery”

  1. Geovanny says:

    No funciona, puedes ayudarme por favor

    • WillxD says:

      No puedo ayudarte si no me dices cuál es tu problema exactamente. Es bien simple solo debes llamar a los 2 archivos javascript (el de jquery y el del plugin) y luego agregas la función javascript $(‘.redondeados’).corners(); donde “.redondeados” es el item que quieres redondear.

  2. Jose says:

    A mi me funcionó, pero en vez de emplear $(‘.redondeados’).corners();
    escribí al final corner(). Sin la s.

Leave a Reply