Posted By

pablazo on 09/28/06


Tagged

css javascript graficos tablas


Versions (?)

Curvas Redondeadas


 / Published in: JavaScript
 

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

  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>

Report this snippet  

You need to login to post a comment.