September 30
Utilizzare i tag DIV pieghevoli per consentire ai visitatori del tuo sito web per leggere contenuti aggiuntivi senza essere costretti a lasciare la pagina corrente. Questi tag consentono di creare una pagina con numerosi titoli espandibili che consentono agli utenti di visualizzare solo i dettagli di loro interesse senza guadare però lunghe pagine di testo. Ricerche più veloci rendere il sito più facile da usare e migliorare il suo valore per i tuoi visitatori come uno strumento di riferimento.
1 Creare un tag "<div>" che contiene il testo pop-up. Mettere questo nella sezione "<body>" del codice HTML. Impostare il suo stato di visualizzazione iniziale a nessuno:
<Div id = stile "mydiv" = "display: none">? <H3> Popup testo <br> Come funziona questo aspetto </ h3> </ div>
2 Assegnare un collegamento ipertestuale di ancoraggio per aprire un JavaScript per eseguire l'azione reale pop-up sul "<h3>" tag. In questo script, fare clic sul pulsante sinistro del mouse attiva il collegamento. Inserire questo codice direttamente sotto la riga precedente:
<A href = "javascript :;" onMouseDown = "toggleDiv ( 'myDiv');"> Fare clic per espandere </a>
3 Creare la funzione JavaScript che controlla la visibilità del tuo CSS nascosto "<div>" text. Mettere questa funzione nella sezione "<head>" del codice HTML:
<Script language = "javascript">
Funzione toggleDiv (divId) {
if(document.getElementById(divid).style.display == 'none'){
document.getElementById(divid).style.display = 'block';
}else{
document.getElementById(divid).style.display = 'none';
}
}
</ Script>