- Home Page
- > Script DHTML
- > Script DHTML Testo
- > Scroller
Scroller
Scroller di testo.
<script language="JavaScript1.2">
/*
Vertical Pausing News Scroller
Copyright David Miles (www.z3roadster.net/dreamweaver)
To add more shock to your site, visit www.DHTML Shock.com
*/
<!--
var scrollerwidth=162
var scrollerheight=130
var pausebetweenimages=5000
var vSlideContent=new Array()
vSlideContent[0]='<p>Horizontal Scrolling Layers</p><p>By David
Miles<br><a href="http://www.z3roadster.net/dreamweaver" target="_blank">www.z3roadster.net/dreamweaver</a></p><p>Damn,
this is snazzy.</p>'
vSlideContent[1]='<p>It sure is a good thing you decided to add more shock
to your site, by visiting <a href="http://www.dhtmlshock.com" target="_blank">DHTMLShock.com</a>.
We have the highest quality DHTML and JavaScripts around.</p><p>(Please
pardon our advertising propaganda.)</p>'
vSlideContent[2]='<p>3. Lorem ipsum dolor sit amet, consectetur adipscing
elit, sed diam nonnumy eiusmod tempor incidunt ut labore et dolore magna aliquam
erat volupat.</p><p>Et harumd dereud facilis est er expedit distinct.
Nam liber a tempor cum soluta nobis eligend optio comque nihil quod a impedit
anim id quod maxim placeat facer possim omnis es voluptas assumenda est, omnis
dolor repellend. Temporem autem quinsud et aur office debit aut tum rerum necesit
atib saepe eveniet ut er repudiand sint et molestia non este recusand.</p>'
vSlideContent[3]='4. still more text ...'
if (vSlideContent.length>1)
i=2
else
i=0
function locateObject(n, d) { //v3.0
var p,i,x;
if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);
}
if(!(x=d[n])&&d.all) x=d.all[n];
for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=locateObject(n,d.layers[i].document);
return x;
}
function moveVTextFirstBlock(whichdiv)
{
if (document.all)
{
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5)
{
tdiv.style.pixelTop=0
setTimeout("moveVTextFirstBlock(tdiv)",pausebetweenimages)
setTimeout("moveVTextSecondBlock('vTextSecond')",pausebetweenimages)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1)
{
tdiv.style.pixelTop-=5
setTimeout("moveVTextFirstBlock(tdiv)",10)
}
else
{
tdiv.style.pixelTop=scrollerheight+5
window.status=tdiv.style.pixelTop;
tdiv.innerHTML=vSlideContent[i]
if (i==vSlideContent.length-1)
i=0
else
i++
}
}
else
{
tlayer=eval(whichdiv)
if (tlayer.top>0&&tlayer.top<=5)
{
tlayer.top=0
setTimeout("moveVTextFirstBlock(tlayer)",pausebetweenimages)
setTimeout("moveVTextSecondBlock(locateObject('vTextSecond'))",pausebetweenimages)
return
}
if (tlayer.top>=tlayer.document.height*-1)
{
tlayer.top-=5
setTimeout("moveVTextFirstBlock(tlayer)",10)
}
else
{
tlayer.top=scrollerheight+5
tlayer.document.write(vSlideContent[i])
tlayer.document.close()
if (i==vSlideContent.length-1)
i=0
else
i++
}
}
}
function moveVTextSecondBlock(whichdiv)
{
if (document.all)
{
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5)
{
tdiv2.style.pixelTop=0
setTimeout("moveVTextSecondBlock(tdiv2)",pausebetweenimages)
setTimeout("moveVTextFirstBlock('vTextFirst')",pausebetweenimages)
return
}
window.status=tdiv2.offsetHeight;
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("moveVTextSecondBlock('vTextSecond')",10)
}
else
{
tdiv2.style.pixelTop=scrollerheight+5
window.status=tdiv2.style.pixelTop
tdiv2.innerHTML=vSlideContent[i]
if (i==vSlideContent.length-1)
i=0
else
i++
}
}
else if (document.layers)
{
tlayer2=eval(whichdiv)
if (tlayer2.top>0&&tlayer2.top<=5)
{
tlayer2.top=0
setTimeout("moveVTextSecondBlock(tlayer2)",pausebetweenimages)
setTimeout("moveVTextFirstBlock(locateObject('vTextMain').document.layers['vTextFirst'])",pausebetweenimages)
return
}
if (tlayer2.top>=tlayer2.document.height*-1)
{
tlayer2.top-=5
setTimeout("moveVTextSecondBlock(tlayer2)",10)
}
else
{
tlayer2.top=scrollerheight+5
tlayer2.document.write(vSlideContent[i])
tlayer2.document.close()
if (i==vSlideContent.length-1)
i=0
else
i++
}
}
}
function startVTextScroll(){
if (document.all)
{
locateObject('vTextSecond').style.top=scrollerheight+5
locateObject('vTextFirst').visibility='visible';
locateObject('vTextSecond').visibility='visible';
moveVTextFirstBlock(locateObject("vTextFirst"))
}
else if (document.layers)
{
locateObject('vTextMain').visibility='show'
locateObject('vTextFirst').visibility='show'
locateObject('vTextSecond').top=scrollerheight+5
locateObject('vTextSecond').visibility='show'
moveVTextFirstBlock(locateObject('vTextMain').document.layers['vTextFirst'])
}
}
//-->
</script>
<BODY onLoad="startVTextScroll()">
<div id="vTextMain" style="width:162; height:130; position:absolute;
top: 0; left: 0; visibility: visible; clip: rect(0 162 130 0); overflow: hidden;
z-index: 2">
<div id="vTextFirst" style="top:1; width:162;position:absolute;
z-index: 1; padding: 1px 1px; visibility: visible; overflow: hidden; clip: rect(0
162 132 0)">
<script language="JavaScript">
document.write(vSlideContent[0])
</script>
</div>
<div id="vTextSecond" style="top:1; width:162;position:absolute;
z-index: 0; padding: 1px 1px; visibility: visible; overflow: hidden; clip: rect(0
162 132 0)">
<script language="JavaScript">
document.write(vSlideContent[1])
</script>
</div>
</div>
</body>
A colpo d'occhio
Be Responsive
HTML 5
HTML 5 è un linguaggio di markup utilizzato per la strutturazione e il contenuto delle pagine Web.
CSS 3
CSS 3 è l'ultima evoluzione dei fogli di stile CSS. Contiene molte novità come angoli arrotondati, ombre, sfumature, transizioni o animazioni.
jQuery
jQuery è una libreria JavaScript cross-platform progettata per semplificare lo scripting lato client.