Dhtml - Visualizzatore di img/testo

Visualizzatore di img/testo

Altra ottima demo crossbrowser che genera una porzione di documento indipendente dal resto, all'interno della quale vengono visualizzate immagini o testo. Non c'e' bisogno di cliccare sui link, ma soltanto di passarvi sopra il puntatore del mouse.

il codice da inserire nella tua pagina

<HTML> <HEAD> <script> /******************************************************************************** This script is made by and copyrighted to Thomas Brattli at www.bratta.com Visit www.bratta.com/dhtml for more great scripts. This may be used freely as long as this msg is intact! I'd appriciate any links to my page. ********************************************************************************/ //You have to set some variables here: //Set the font for the msg msgFont='Arial,helvetiva' //Set the fontSize in px msgFontSize=12 //Set the fontColor msgFontColor="black" /******************************************************************************** Here's the array that holds the text to change the divmessage to when you mouseover. Change the text here ********************************************************************************/ messages=new Array(6) messages[0]="Questo è il primo link" messages[1]="Secondo link" messages[2]="Questo è il terzo link" messages[3]="Sostieni 100%, votalo alla Top100" messages[4]="Quinto link" messages[5]="Per inserire immagini evitare gli apici doppi" messages[6]="" /******************************************************************************** You don't have to change anything below this ********************************************************************************/ //Browsercheck: ie=document.all?1:0 n=document.layers?1:0 /******************************************************************************** Constructing the ChangeText object ********************************************************************************/ function makeChangeTextObj(obj){ this.writeref=(n) ? eval('document.'+obj+'.document'):eval(obj); this.writeIt=b_writeIt; } function b_writeIt(text){ if(n){ this.writeref.write(text) this.writeref.close() } if(ie)this.writeref.innerHTML=text } /******************************************************************************** The function that calls objects write function with the corect font size and such onmouseover and mouseout. ********************************************************************************/ function changeText(num){ if(ie || n) oMessage.writeIt('<span style="font-size:' +msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'">'+messages[num]+'</span>') } /******************************************************************************** This calls the object constructor ********************************************************************************/ function changeTextInit(){ if(ie || n) oMessage=new makeChangeTextObj('divMessage') } //Calls the init function on pageload onload=changeTextInit </script> </HEAD> <BODY bgcolor="white" > <div id="divlinks" style="position:absolute; left:200; top:170"> <a href="#" onmouseover="changeText(0)" onMouseout="changeText(6,0)">Link 1</a> <a href="#" onmouseover="changeText(1)" onmouseout="changeText(6,1)">Link 2</a> <a href="#" onmouseover="changeText(2)" onmouseout="changeText(6,2)">Link 3</a> <a href="#" onmouseover="changeText(3)" onmouseout="changeText(6,3)">Link 4</a> <a href="#" onmouseover="changeText(4)" onmouseout="changeText(6,4)">Link 5</a> <a href="#" onmouseover="changeText(5)" onmouseout="changeText(6,5)">Link 6</a> </div> <div id="divMessage" style="position:absolute; left:200; top:200"> In questo punto viene visualizzato il testo o le immagini </div> </body> </html>

E' vietata la riproduzione anche solo parziale di immagini, icone, layout e contenuti senza previa autorizzazione.
I marchi, i loghi e i prodotti citati sono dei legittimi proprietari.