Posted By


pablazo on 09/28/06

Tagged


Statistics


Viewed 59 times
Favorited by 0 user(s)

Curvas Redondeadas


/ Published in: JavaScript
Save to your folder(s)



Copy this code and paste it in your HTML
  1. ¿Como hacerlo?
  2.  
  3. Primero hemos de añadir el fichero js que se encargará de interpretar nuestra petición para redondear un elemento (en este caso un div).
  4.  
  5. <script type=“text/JavaScript” src=“rounded_corners_lite.inc.js”></script>
  6.  
  7. Definimos el <div></div> que queremos redondear.
  8.  
  9. <div id="myDiv“></div>
  10.  
  11. Ahora solo nos queda definir las opciones específicas de nuestro “box”, esto lo haremos en <head></head> añadiendo al evento onload del objeto window las siguiente líneas.
  12.  
  13. <script type="text/JavaScript">
  14. window.onload = function()
  15. {
  16. settings = {
  17. tl: { radius: 20 },
  18. tr: { radius: 20 },
  19. bl: { radius: 20 },
  20. br: { radius: 20 },
  21. antiAlias: true,
  22. autoPad: false
  23. }
  24. var divObj = document.getElementById("myDiv“);
  25. var cornersObj = new curvyCorners(settings, divObj);
  26. cornersObj.applyCornersToAll();
  27. }
  28. </script>

URL: http://www.curvycorners.net/usage.php

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.