Penna e calamaio

Penna e calamaio

Traduci questa paginaMicrosoft® Translator

Passa il Mouse all'interno della finestra per selezionare lo script quindi "CTRL+C" (copia) mettete il cursore dove volete inserire Javascript nella vostra pagina Web, andate nel codice html e fate "CTRL+V" (incolla) dove vedete il cursore lampeggiante.

Esempio

Trasferire il tutto nella vostra pagina web, in questo caso all'interno dei tags: <Head> </Head>

<style type="text/css"> html { overflow: hidden; } body { margin: 0px; padding: 0px; background: #000; position: absolute; width: 100%; height: 100%; cursor: crosshair; } #screen { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; color: #000; font-family: Comic Sans MS; overflow: hidden; font-size: 1em; } #inkp1 { position: absolute; top: 50px; left: 10px; } #inkp2 { position: absolute; top: 50px; left: 10px; } #context { position: absolute; width: 100%; height: 100%; overflow: hidden; } </style> <script type="text/javascript" src="library/imgRotate.js"></script> <script type="text/javascript"> // =============================================== // ---- QUILL TYPEWRITER --- // Script by Gerard Ferrandez // original VBScript - Feb 20th, 1998 // converted to JavaScript/DOM - July 2006 // =============================================== // http://www.dhteumeuleu.com // =============================================== var TW = { t : "", p : 0, c : "", cc : "", mm : "<span>", cl : 0, sfx : false, tmp : 0, ////////////// inkFreq : .7, spdInk : 12, ////////////// mr : "<br><br>", R : 0, G : 0, B : 0, run : function () { with (this) { m = t.charAt(p); tmp = 32; if (m == "") cc = mr; else if (m == "`") { m = ""; mm = mm.substring(0, mm.length-1); tmp = 64; } else if (m == "<") { av = t.indexOf(">", p); m = t.substring(p, av + 1); p = av; } else if (m == "&") { av = t.indexOf(";", p); m = t.substring(p, av + 1); p = av; } else if (m == ".") tmp = 400; else if (m == ",") tmp = 100; else if (m == " ") tmp = 32; if (m == " ") { cl += spdInk; m = '</span><span style="color:RGB('+Math.round(R*cl/255)+','+Math.round(G*cl/255)+','+Math.round(B*cl/255)+')">' + m; if (cl < 40 && Math.random() > inkFreq) m += ' <img src = "' + document.getElementById("ink").src + '" align = "absmiddle"> '; } if (document.getElementById("inkp2").style.visibility == "visible") { cc = c; document.getElementById("inkp2").style.visibility = "hidden"; if (sfx) sfx.src = document.getElementById("pen").src; m = '</span><span style="color:RGB(0,0,0)">' + m; } if (cl > 180) { cl = 0; document.getElementById("inkp2").style.visibility = "visible"; if (sfx) sfx.src = document.getElementById("toc").src; tmp = 1000; cc = mr; } mm += m; if (p == t.length - 1) cc = mr; document.getElementById("context").innerHTML = mm + cc; document.getElementById("context").scrollTop = 100000; p++; if (p < t.length) setTimeout("TW.run();", 32 + tmp); else { if (sfx) sfx.src = ""; document.getElementById("context").style.overflow = "auto"; } } }, init : function(txt) { with (this) { sfx = document.getElementById("soundFX"); t = txt; c = " <img src='" + document.getElementById("cursor").src + "' style='position:absolute'>" + mr; cc = c; document.getElementById("screen").style.background = "URL("+document.getElementById("bkgr").src+")"; if (sfx) sfx.src = document.getElementById("pen").src; document.getElementById("inkp2").style.visibility = "hidden"; } } } onload = function() { TW.init(document.getElementById("text").innerHTML); TW.run(); } </script>

Trasferire il tutto nella vostra pagina web, in questo caso all'interno dei tags: <Body> </Body>

<div id="screen"> <div id="context"></div> <img id="inkp1" src="encrier.gif"> <img id="inkp2" src="encrierplume.gif"> </div> <div style="display: none"> <img id="ink" src="tache.gif"> <img id="cursor" src="plumeBouge.gif"> <img id="bkgr" src="fondDechire.jpg"> </div> <div id="text" style="display: none"> <div style="margin:1em;margin-left:100px;font-style:italic"> Grafica Augusto Scripting <br><br> Non male come effetto grafico questo script, anzi dirai`````direi davvero molto carino.<br> Di facile utilizzo si presta a molteplici soluzioni, basta non esagerare pero````però per non trasformarlo in qualcosa di noioso e pesante. <br><br>Saluti Augusto Bergamaschi </div> </div>

Queste le immagini grafiche che servono a completare il funzionamento e che dovranno trovarsi nella stessa cartella dove si trovano il file html ed il file js.

Trovate il tutto, files audio compresi, in questo file in formato zip scompattate il suo contenuto in una sola ed unica cartella.

Le immagini sono copyright dei rispettivi proprietari