Esquinas redondeadas con jQuery

ActiveDen - Encuentra los mejores archivos Flash, Flex desde $1

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.

2 Respuestas en “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.

Deja tu Comentario