Citazione:
Originalmente inviato da adrianodistasi
Scrole news in vertical...In tre passaggi!
Tra i tag HEAD inserire:
|
ciao adriano,
ho provato ad utilizzare il tuo script ma il testo rimane immobile, anche con il mouse sopra. io ho scritto questo
Codice HTML:
<head>
<style type="text/css">
#marqueecontainer{
position: relative;
width: 180px; /*marquee width */
height: 400px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid orange;
padding: 2px;
padding-left: 4px;
}
#marqueecontainer {
}
</style>
<script type="text/javascript">
var delayb4scroll=2000
var marqueespeed=1
var pauseit=1
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''
function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.sty le.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+ "px"
}
function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecont ainer").offsetHeight
actualheight=cross_marquee.offsetHeight
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()" ,30)', delayb4scroll)
}
if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
</head>
<body>
<div id="marqueecontainer" onmouseover="copyspeed=pausespeed" onmouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
<div id="div" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
<div id="div2" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
<div id="div3" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
<div id="div4" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
<div id="div5" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
<div id="div6" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
<div id="div7" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
<div id="div8" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
<div id="div9" style="width: 98%;position:relative">testo newstesto newstesto newstesto newstesto news</div>
</div>
</body>