Marquee

Scorrimento Dinamico - Dynamic Scroller

Questo particolare script in dhtml vi permetterà di avere un div con lo scorrimento dinamico, esattamente quello della mia navigazione che vedete qui a lato. Questa comnque è una dimostrazione dello script:

This particular script will help you to create a dynamic scroller, like the one you can see in my navigation menu. This is a demo:

Ecco qui che ne dite? Per poter scorrere basta che passiate con il mouse sopra le freccette in basso. Lo scorrimento è semplice e veloce, olte che gradevole.

Inoltre potete inserire links, immagini e tutto cio che vorrete.

Carino vero? Per facilitarvi la personalizzazione dello script ve lo dividerò in tre parti. Ricordate che comunque lo script va impostato tutto di seguito senza interruzioni. Quindi vi consiglio prima di copialo tutto di fila nel blocco note, impostarlo e poi copiarlo dopo il body tag dove vorrete avere lo scorrimento.

Nice isn't it? To make the setting more easy I divided the script into three parts. Remember that however the script is an unique block. So maybe you can paste it into the notepad before insert it in your website.

In questa prima parte dello script dovete semplicemente stabilire le dimensioni della parte di testo che vorrete vedere. Quindi cambiate solo i dati di Width e Height. Ricordate che le dimensioni sono in pixel. Mi raccomando non toccate nient'altro, altrimenti lo script potrebbe non funzionare.

In this first part of the script you simply must set the dimension of the text you want see. So change only the Width and Height settings. Do not touch anything else! The dimensions must be in pixels.

In questa seconda parte dovrete scrivere i contenuti del vostro testo. Sostituite quindi il la frase WRITE YOUR CONTENTS HERE con i vostri contenuti. Non vi preoccupate se saranno più lunghi del div.

In this second part you must write the contents. Change the phrase WRITE YOUR CONTENTS HERE with your text. Don't worry if your text is longer than the div.

function movedown(){
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}

function moveup(){
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)

}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>

In questa ultima parte dovete impostare, se volete la tabella che conterrà le "freccette". Ricordate che potete già lasciarla così se vorrete avere un effetto come quello sopra. Invece dovrete sostituire le parole IMAGE UP e IMAGE DOWN con l'url delle immagini che userete come "freccette". Potete trovare diverse immagini nella sezione di MSD cliccando QUI.

In the last part you can set the table wich will contain the "arrows". If you want an effect similar to the demo don't change the settings. Then edit the words IMAGE UP and IMAGE DOWN with the respective images of the Arrows! You can find some images in MSD clicking HERE.