Michele Basso
a- a+

Rivelare una pagina

Questo script DHTML crea una sorta di sipario che nasconde lapagina. Un click su un bottone mostrerà il contenutodella stessa, creando una effetto a tendina. Lo scriptè compatibile con le ultime versioni di InternetExplorer e di Mozilla.

ESEMPIO

La prima cosa da fare è scaricare questo javascript esterno.

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

<body scroll="no">

Adesso carichiamo il javascript esterno utilizzando questariga di script:

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

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

Adesso inseriamo questa porzione di codice all'internodel tag body:

<script language="JavaScript">////////////////////////////////////  Customise Reveal    /////////////////////////////////////*The following is required only if youwant the user to click to reveal the page*/var clickw=150;     // Widthvar clickh=20;// Heightvar clickb=2; // Border widthvar clickc="#000000"; // Border colorvar clickbg="#000000";    // Background colorvar clickt="Reveal!"; // Text to displayvar 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 RevealThe 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, poteteconsultare il nostro forum didiscussione.

 



Ti potrebbe interessare anche

commenta la notizia