giovedì 16 ottobre 2008

JQuery Corner

Interessante libreria per la generazione di box come quello nella figura seguente.


Innanzituttto va scaricata la libreria Jquery.corner.js daQUI. Nella stessa pagina potete vedere tutte le possibili opzioni e tutti i possibili box che è possibile generare.

Nell'header del vostro documento HTML va ovviamente caricata la libreria (Non dimenticate che JQuery Corner ha bisogno di JQuery....)


<script src=\"/your-path/jquery-1.2.3.js\" type=\"text/javascript\"></script>
<script src=\"/your-path/jquery.corner.js\" type=\"text/javascript\"></script>




Subito dopo possiamo procedere con la seguente porzione di codice.




<script type=\"text/javascript\">
$(function(){


$('.box01').corner();
$('.box02').corner("bevel");
});
</script>"






In sostanza, stiamo dicendo che i DIV di classe box1 verranno disegnati come box di tipo "round" (è il default)



mentre quelli con class=box2 verranno disegnati come box di tipo "bevel"





Da qualche parte, nel vostro file HTML avrete




<div class=box01>

....
</div>


<div class=box02>

....
</div>



mentre colore, dimensioni ecc dei box vengono "pilotati" da un foglio di stile CSS.