ciao a tutti premesso che non so nulla di javascript e che ho cercato uno script per fare delle news scorrevoli verticali da mettere nel mio sito html ho trovato questa ottima soluzione vorrei però fare in modo che le scritte delle news siano testi più lunghi come posso fare?
HTML:
<script type="text/javascript">
//qui sotto potete configurare le variabili
var scrollerdelay='5000' //impostare i secondi della rotazione 3000=3 seconds.
var scrollerwidth='150px' //la larghezza
var scrollerheight='150px' // la l'altezza
var scrollerbgcolor='#ecebe9' //colore di sfondo
//lascia cosi qui sotto se non vuoi mettere un'immagine di sfondo
var scrollerbackground=''
//configura le variabili, ogni variabile è una notizia in movimento
var messages=new Array()
messages[0]="<font size='3' face='Arial'><a class='mail' href='#'>Museo del '900 Domenica 24 marzo 2013 ore 11.00
“Il bianco e il nero: la libertà e il cromatismo del jazz”
Pianoforte: Michelangelo Decorato
</a></font>"
messages[1]="<font size='3' face='Arial'><a class='mail' href='#'>Realizziamo siti web</a></font>"
messages[2]="<font size='3' face='Arial'><a class='mail' href='#'>Forum </a></font>"
///////Non toccare da qui in poi///////////////////////
var ie=document.all
var dom=document.getElementById
if (messages.length>10000)
i=10000
else
i=5000
function move(whichdiv){
tdiv=eval(whichdiv)
if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){
tdiv.style.top=0+"px"
setTimeout("move(tdiv)",scrollerdelay)
setTimeout("move2(second2_obj)",scrollerdelay)
return
}
if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){
tdiv.style.top=parseInt(tdiv.style.top)-5+"px"
setTimeout("move(tdiv)",50)
}
else{
tdiv.style.top=parseInt(scrollerheight)+"px"
tdiv.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}
function move2(whichdiv){
tdiv2=eval(whichdiv)
if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){
tdiv2.style.top=0+"px"
setTimeout("move2(tdiv2)",scrollerdelay)
setTimeout("move(first2_obj)",scrollerdelay)
return
}
if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){
tdiv2.style.top=parseInt(tdiv2.style.top)-5+"px"
setTimeout("move2(second2_obj)",50)
}
else{
tdiv2.style.top=parseInt(scrollerheight)+"px"
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}
function startscroll(){
first2_obj=ie? first2 : document.getElementById("first2")
second2_obj=ie? second2 : document.getElementById("second2")
move(first2_obj)
second2_obj.style.top=scrollerheight
second2_obj.style.visibility='visible'
}
if (ie||dom){
document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:1px;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px;visibility:hidden">')
document.write(messages[dyndetermine=(messages.length==1)? 0 : 1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</div>')
}
if (window.addEventListener)
window.addEventListener("load", startscroll, false)
else if (window.attachEvent)
window.attachEvent("onload", startscroll)
else if (ie||dom)
window.onload=startscroll
</script>
Ultima modifica di un moderatore: