Ho scaricato 2 script per far scrollare del testo (news).
Il primo sono riuscito ad adattarlo per farlo comparire all'interno di un DIV con posizione assoluta nella pagina.
Purtroppo vorrei utilizzare il secondo per il quale non riesco a fare la suddetta modifica. Qualcuno potrebbe darmi una mano?
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>scrolling</title>
<style>
<!--
BODY {FONT-SIZE: 12px; FONT-FAMILY: arial,sans-serif; TEXT-ALIGN: left; BACKGROUND-COLOR: #ecf5fd;}
#dx_event {POSITION: absolute; TOP: 256px; LEFT: 354px; WIDTH: 223px; HEIGHT: 204px; BACKGROUND-COLOR: #ecf5fd;}
#dx_event_dati {POSITION: absolute; TOP: 52px; LEFT: 10px; WIDTH: 201px; HEIGHT: 140px; BORDER: #CCE1F4 1px solid; BORDER-TOP: none;}
#dx_event_currdate {POSITION: absolute; TOP: 10px; LEFT: 7px; WIDTH: 209px; HEIGHT: 15px; BACKGROUND-COLOR: #439def; FONT: 10px Arial,Helvetica,sans-serif; COLOR:#FFFFFF;}
#dx_event_titolo { POSITION: absolute; TOP: 25px; LEFT: 7px; WIDTH: 209px; HEIGHT: 27px; BACKGROUND-IMAGE:url(eventi.jpg); BACKGROUND-COLOR: #ecf5fd;}
li#event {list-style-type:disc; MARGIN-TOP: 50px;MARGIN-LEFT: 10px; FONT: 12px Arial,Helvetica,sans-serif;COLOR:#FF0000; text-decoration: none; list-style-position: inside;}
a#event_link {MARGIN-TOP: 0px; FONT: BOLD 13px Arial,Helvetica,sans-serif; COLOR:#06195a; text-decoration: none;}
a#event_link:hover {text-decoration: none;}
a#event_link:visited {text-decoration: none;}
ol {MARGIN: 0px; PADDING: 0px; border: 0px;}
-->
</style>
<script type="text/javascript" LANGUAGE="JavaScript1.2">
/*
Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS, visit http://www.dynamicdrive.com
Credit MUST stay intact
*/
//Specify the marquee's width (in pixels)
var marqueewidth="201px"
//Specify the marquee's height
var marqueeheight="140px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=2
//Pause marquee onMousever (0=no. 1=yes)
var pauseit=1
//Specify the marquee's content
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
var marqueecontent='- <li id=event><div id=dx_event_date>Domenica 01/05/2005</div>
Primo evento- <li id=event><div id=dx_event_date>Lunedì 02/05/2005</div>
Secondo evento'
////NO NEED TO EDIT BELOW THIS LINE////////////
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
var actualheight=''
var cross_marquee, ns_marquee
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualheight=cross_marquee.offsetHeight
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.top=parseInt(marqueeheight)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualheight=ns_marquee.document.height
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}
else if (document.layers){
if (ns_marquee.top>(actualheight*(-1)+8))
ns_marquee.top-=copyspeed
else
ns_marquee.top=parseInt(marqueeheight)+8
}
}
if (iedom||document.layers){
with (document){
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px;width:100%;">')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee">')
write('<layer name="ns_marquee2" width='+marqueewidth+' height='+marqueeheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
}
}
</script>
</head>
<body bgcolor="#FFFFCC">
<div id=dx_event>
<div id=dx_event_dati>
</div>
<div id=dx_event_currdate><div align="center">Data di Oggi</div></div>
<div id=dx_event_titolo></div>
</div>
</body>
</html>
Rispondi quotando