jQuery Corners
Martedì 18 Novembre 2008 - 13:14
di Riccardo Degni
jQuery Corners è un plug-in per il framework jQuery che permette di aggiungere dei “bordi arrotondati” ai vari elementi HTML senza richiedere l’uso di particolari immagini aggiuntive.
L’effetto anti-alias che si può ottenere è gradevole, come si può osservare direttamente nella home dell’applicazione dove sono presenti parecchie demo che mostrano il plug-in in azione in altrettante situazioni.
Nella tab “Options” è presente la documentazione riguardante le opzioni, che permettono di personalizzare il comportamento del plug-in. Molto interessanti i parametri anti-alias e transparent, che consentono rispettivamente di applicare l’effetto anti-alias e settare la trasparenza nel caso di immagini di sfondo.
jQuery Corners è compatibile con tutti i maggiori browser presenti in circolazione, con l’aggiunta del supporto per l’iPhone.
Categoria: Scripting | Permalink
Commenti
1
Intelligente perche’ usa i selettori CSS3 per quei browser che supportano i rounded corners. Mentre per i piu’ vecchi crea dei div (uno per ogni pixel di raggio). Ottima soluzione nel caso che il background non sia una immagine e per via dei diverso codice che crea a seconda del browser bisogna stare attenti a resettare margine e padding per gli elementi
# - postato da Martin Sarsini - 18 Novembre 2008 - 14:05
2
Non so.
Modifica profondamente il dom, non è che mi ispiri tantissimo…
3
bello, peccato io usi - sempre - mootools.
4
In explorer sia il 7 che il 6 non funziona utilizzando un’altezza fissa, ho dovuto annidare un altro div dando l’altezza a quest’ultimo.
In IE il bg-image non è supportato benissimo si riesce ad utilizzarlo solo con un effetto senza alias.
Infine inserendo un radius molto grande ad esempio 30px in IE le scritte si posizionano al di sotto di esso si ottenendo un effetto completamente diverso che in FFOX.# - postato da Stefano Serci - 18 Novembre 2008 - 16:53
5
Tempo fa avevo creato un plugin molto semplice basato su jQuery per ottenere i bordi arrotondati senza immagini, mi permetto di segnalarlo qui:
http://www.havana7.com/RoCo/