Livello di difficoltà: |
|
Dynamic Html è una tecnologia approvata dal W3C per la creazione di siti Web dinamici ed interazioni client side con l'utente. In questa sezione sono disponibili centinaia di esempi ed arretrati della mailing list "Una demo Dhtml a settimana".
|
| |
Js Gymkhana
Arretrati lista "Una demo Dhtml a settimana"
CONOSCENZE CONSIGLIATE PER QUESTO ARTICOLO: Html, Css, Javascript
COMPATIBILITÀ: Ms Ie, Netscape
FILES ESTERNI: iframe.html, arrow.gif, pylon.gif, star.gif, wood.gif
Visualizza la demo
Scarica la demo
Questa settimana presenteremo un bellissimo gioco in Javascript. Ci permettiamo di affermare che è il migliore gioco creato in Dynamic Html che abbiamo mai visto. I complimenti che stiamo rivolgendo a questo gioco, non sopravvalutano certo il lavoro svolto dall'autore. Ti invitiamo anzi a provarlo, perché si tratta di un percorso da compiere correttamente, la visuale è all'interno dell'auto ed è indicata la velocità del mezzo ed il tempo impiegato per terminare la gara. A livello sintattico, come molti giochi complessi in Dhtml, c'è poco da presentare, perché sono funzioni abbastanza complesse, ma presenti in un numero troppo elevato per commentarle egregiamente. Qui di seguito riportiamo il codice utilizzato per creare la pagina principale, contenente, tra l'altro, il codice per caricare l'<IFRAME> con il riquadro per il gioco:
<HTML>
<HEAD>
<TITLE>Una demo Dhtml a settimana - www.risorse.net</TITLE>
<STYLE type="text/css"<
BODY {background:#1F1F1F; color:#1F1F1F; width:1600px; height:1200px}
DIV#P0 {position:absolute; top:250; left:16;
font-style:bold; font-size:24px; color:#AFAF00}
</STYLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
// ie4cFLG........ IE4 compatible mode
// ie4cFLG = 1 ... original IE4
// ie4cFLG = 2 ... compatible mode IE4 (IE5 contains this.)
// ie4cFLG = 0 ... other
var ie4cFLG=0
if (document.all){
if (document.getElementById){}else{
ver=navigator.appVersion
Nv=ver.charAt(0)
len=ver.length
for(iln=0;iln<len;iln++) if(ver.charAt(iln)==")") break
systm = ver.charAt(iln-6).toUpperCase()+ver.charAt(iln-5).toUpperCase()+ver.charAt(iln-4).toUpperCase()+ver.charAt(iln-3).toUpperCase()+ver.charAt(iln-2).toUpperCase()+ver.charAt(iln-1).toUpperCase()
if (systm=="COMPAT"){ie4cFLG=2}else{ie4cFLG=1}
}
}
// -->
</SCRIPT>
<IFRAME SRC='iframe.html' width='560' height='240' frameborder='0' scrolling='no' STYLE='position:absolute; top:5; left:16'>
<CENTER>
>FONT COLOR="#FFFF00"><BR><H3>Plese use Gecko,IE4,IE5 or later!</H3&><BR>
<P><A HREF='http://www.risorse.net'>Risorse.net</A></FONT>
</CENTER>
</IFRAME>
<DIV ID="P0">JS Gymkhana</DIV>
<SCRIPT LANGUAGE="JavaScript">
<!--
if (ie4cFLG!=0){
document.write("<DIV STYLE='position:absolute; top:260; left:530; font-size:10px'><A HREF='http://www.risorse.net'>Risorse.net</A></DIV>")
}else{
document.write("<A HREF='http://www.risorse.net' STYLE='position:absolute; top:260; left:530; font-size:10px'>Risorse.net</A>")
}
// -->
</SCRIPT>
</BODY>
</HTML>
N.B.: Per la realizzazione dei tuoi siti Web, Risorse.net ti offre una nuova
sezione, ideale soprattutto per i Web designers. Un grande archivio di True
Type Fonts, con articoli ad hoc per la comprensione e l'utilizzo degli
stessi. Clicca qui per visitarla: www.risorse.net/font.
|
