Cliccando su questo contenuto andrai sul sito di Amazon, che usa cookies.

Thoughful Digital World
il digitale usato seriamentea thoughful use of digital

tabbed menu

tabbed menu

Forse è stato Google a rendere familiari i menu tabbed, con l'impiego della tecnologia Ajax: da links come linguette sopra una certa area si aprono, nella parte sottostante, aree che appaiono o scompaiono istantaneamente (non come nuovi files che vengono caricati solo dopo qualche intervallo, per quanto breve) al cliccare di una linguetta o dell'altra.

Oggi tali menu “tabbed” possono essere ottenuti in due vie:

Nella Home Page di questo sito abbiamo scelto la prima via, usando uno script tratto dalla jQuery JavaScript Library v1.3.2.

Qui proponiamo la seconda soluzione, che potrete vedere solo se avete un browser che implementa la pseudo-classe : target:

Pannello 1 Pannello 2

Qui dovreste vedere queste parole dopo aver cliccato su pannello 1

Queste altre cose le dovreste vedere queste parole dopo aver cliccato su pannello 2

Il codice sorgente con cui otteniamo questo effetto è davvero stringato e pulito, come potete vedere analizzandolo.

un altro esempio

Tab 1
questo esempio è tratto...
Tab 2
... dal W3C...
Tab 3
... un codice non ridottissimo...
Default
... è senza javascript!

Tratta dai tips del w3c

Si può proseguire con un altro interessante esempio di pure css tabs (tabbed menu).

Cliccando su questo contenuto andrai sul sito di Amazon, che usa cookies.
www.000webhost.com