Dreamweaver, HTML e testo scorrevole.

Di: Pablito | 26/09/2020 18:34:05
Come faccio a realizzare una finestra con del testo scorrevole in loop?
Non scorrevole con i pulsanti, ma che cicli continuamente.

Risposte


Dreamweaver, HTML e testo scorrevole.

Html.it ha veramente lavorato bene sul testo scorrevole, allora ti consiglio i seguenti link.
Applet Java per il testo scorrevole:
http://www.html.it/java/scrolling.htm
Testo scorrevole usando HTML dinamico (io ti consiglio questo):
http://www.html.it/dhtml/04/index.html
Testo scorrevole usando Javascript e le immagini:
http://www.html.it/mailing/archivio/64/index.html

Di: Pablito | 26/09/2020 18:35:05


Un altro sistema per il testo scorrevole orizzontale con i TAG <marquee></marquee>
Esempio:
<!-- Commento usato per non interferire con il codice del forum di 001design.it.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
</head>
<body>
<marquee style="font-size: 12 pt; color: #000080; font-weight: bold" width="85%" height="19" scrollamount="2" bgcolor="#00FFFF">
Prova testo scorrevole
</marquee>
</body>
</html>
Ecco invece un esempio di testo scorrevole verticale a cui poter aggiungere anche i link, è adattabile alle diverse esigenze... Copia il tutto e inseriscilo in una pagina
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
</head>
<body>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Prova testo scorrevole</title>
</head>
<body>
<script language=JavaScript>
var content='<a href="http://www.001design.it"><b>1.</b> 001design</a>
<a href="http://starweb.starnet.it/gianpaolo/paestum"><b>2.</b> Il portale di Paestum</a>
<a href="http://www.grumentum.it"><b>3.</b> Portale della Valle Agri</a><b>
4.</b> FINE ESEMPIO
'
var boxheight=100;var boxwidth=172;
var speed=50;
var pixelstep=1;
var godown=false;
var vShow = -1;
var vOver = -1;
var outer,inner,elementheight,ref,refX,refY;
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var txt='';
if(ns4)
{
txt = content;
}
else
{
txt+='<div onmouseover="vOver=1" onmouseout="vOver=-1" id="ref" style="position:relative; width:'+boxwidth+'; height:'+boxheight+'; " ></div>';
txt+='<div onmouseover="vOver=1" onmouseout="vOver=-1" id="outer" style="position:absolute; width:'+boxwidth+'; height:'+boxheight+'; visibility:hidden; overflow:hidden" >';
txt+='<div onmouseover="vOver=1" onmouseout="vOver=-1" id="inner" style="position:absolute; visibility:hidden; left:4px; top:4px; width:'+(boxwidth-8)+'; overflow:hidden; cursor:default;">'+content+'</div>';
txt+='</div>';
}
document.write(txt);
function getElHeight(el)
{
if(!ns4)
{
if(ie4||ie5)
return (el.style.height)? el.style.height : el.clientHeight;
else
return (el.style.height)? parseInt(el.style.height):parseInt(el.offsetHeight);
}
}
function getPageLeft(el)
{
var x;
if(!ns4)
{
if(ie4||w3c)
{
x = 0;
while(el.offsetParent!=null)
{
x+=el.offsetLeft;
el=el.offsetParent;
}
x+=el.offsetLeft;
return x;
}
}
}
function getPageTop(el)
{
var y;
if(!ns4)
{
if(ie4||w3c)
{
y=0;
while(el.offsetParent!=null)
{
y+=el.offsetTop;
el=el.offsetParent;
}
y+=el.offsetTop;
return y;
}
}
}
function scrollbox()
{
if(vOver < 0)
{
if(!ns4)
{
vShow = -vShow;
inner.style.top=parseInt(inner.style.top)+((godown)? pixelstep: -pixelstep)+'px';
if(godown)
{
if(parseInt(inner.style.top)>boxheight)inner.style.top=-elementheight+'px';
}
else
{
if(parseInt(inner.style.top)<2-elementheight)inner.style.top=boxheight+2+'px';
}
}
}
}
window.onresize=function()
{
if(!ns4)
{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
}
}
window.onload=function()
{
outer=(ns4)?vri=1:(ie4)?document.all['outer']:document.getElementById('outer');
inner=(ns4)?vri=1:(ie4)?document.all['inner']:document.getElementById('inner');
ref=(ns4)?vri=1:(ie4)?document.all['ref']:document.getElementById('ref');
elementheight=getElHeight(inner);
if(!ns4)
{
outer.style.left=getPageLeft(ref)+'px';
outer.style.top=getPageTop(ref)+'px';
inner.style.top=((godown)? -elementheight : boxheight)+'px';
inner.style.clip='rect(0px, '+(boxwidth-4)+'px, '+(elementheight)+'px, 0px)';
outer.style.visibility="visible";
inner.style.visibility="visible";
}
setInterval('scrollbox()',speed);
}
</script>
</body>
</html>
</body>
</html>
Fine commento utilizzato per non interferire con il codice del forum di 001design.it. -->

Di: Gian Paolo | 26/09/2020 18:35:05