Michele Basso
a- a+

Rivelare una pagina

Questo script DHTML crea una sorta di sipario che nasconde la pagina. Un click su un bottone mostrerà il contenuto della stessa, creando una effetto a tendina. Lo script è compatibile con le ultime versioni di Internet Explorer e di Mozilla.

ESEMPIO

La prima cosa da fare è scaricare questo javascript esterno.

Adesso aggiungiamo al tag body l'attributo scroll="no", come nell'esempio:

<body scroll="no">

Adesso carichiamo il javascript esterno utilizzando questa riga di script:

<script language="JavaScript" src="reveal.js"></script>

Naturalmente dobbiamo cambiare il percorso del javascript, nell'esempio sopra è sottinteso che il javascript esterno si trovi nella stessa cartella della pagina in cui utilizziamo lo script.

Adesso inseriamo questa porzione di codice all'interno del tag body:

<script language="JavaScript">
//////////////////////////////////
//  Customise Reveal    //
//////////////////////////////////

/*
The following is required only if you
want the user to click to reveal the page
*/
var clickw=150;     // Width
var clickh=20;      // Height
var clickb=2;       // Border width
var clickc="#000000"; // Border color
var clickbg="#000000";    // Background color
var clickt="Reveal!"; // Text to display
var clickFont="font-family:verdana,arial,helvetica; font-size:10pt; font-weight:bold;
 color:#FFFFFF";       // The font style of the text

/*
Following is required to initialise Reveal
The function is called in the following manner :
    initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click)
    Parameter description :
    type    ->   0 for vertical | 1 for horizantal
    div1bg  ->   Background color of first layer     (eg. '#CCCCCC')
    div2bg  ->   Background color of second layer    (eg. '#CCCCCC')  
    div1bw  ->   Border width of first layer     (eg. 1)
    div2bw  ->   Border width of second layer        (eg. 1)
    div1bc  ->   Border color of first layer     (eg. '#000000')
    div2bc  ->   Border color of second layer        (eg. '#000000')
    step    ->   The amount revealed every interval  (eg. 5)
    timeOut ->   The delay in milliseconds
    click   ->   true if user has to click to reveal | false for auto reveal
    See below for an example of how to call the function.
*/
new initReveal(0,'#CCCCCC','#CCCCCC',1,1,'#000000','#000000',3,10,true);
</script>

 

Per problemi nell'utilizzo dello script, potete consultare il nostro forum di discussione.

 



Ti potrebbe interessare anche

commenta la notizia

C'è 1 commento
Staff
Ti interessano altri articoli su questo argomento?
Chiedi alla nostra Redazione!