Home + Webmaster + Script + Javascript + Effetti su testo + Effetto scrolling

Effetto scrolling

Uno script che da al testo un classico effetto scrolling, usato spesso anche per brevi news.

<html>
<head>
<title>Effetto scrolling</title>
<style>
body{background-color:#FFFFFF}
A{color:Navy; text-decoration:none}
A:hover{color:red}
A:visited:{color:#808080}
TD{font-family:arial,helvetica; font-size:10pt}
DIV{font-family:arial,helvetica; font-size:10pt}
</style>
<script>
/**********************************************************************
This script is made by and copyrighted to Thomas Brattli
at www.bratta.com and may be used freely as long as this 
message is left intact.
Visit www.bratta.com for more great scripts.
**********************************************************************/

//Set these variables:

//The pixel value of where you want the layer to start (from the top)
lstart=200

//Set this to false if you just want it to go one time
loop=true

//Set the speed, lower value gives more speed
speed=100

//Set this to how many pixels you want it to go for each step, this also changes the speed.    
pr_step=5
	
/**********************************************************************
You don't have to change anything below this
**********************************************************************/

//Browsercheck
	var n = (document.layers) ? 1:0;
	var ie = (document.all) ? 1:0;

//Object constructor
function makeObj(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
    this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style')
	this.scrollHeight=n?this.css.document.height:eval(obj+'.offsetHeight')
	this.up=goUp
    this.obj = obj + "Object"
    eval(this.obj + "=this")
    return this
}
//Makes the layer slide up
function goUp(speed){
	if(parseInt(this.css.top)>-this.scrollHeight){
		this.css.top=parseInt(this.css.top)-pr_step
		setTimeout(this.obj+".up("+speed+")",speed)
	}else if(loop) {
		this.css.top=lstart
		eval(this.obj+".up("+speed+")")
	  }
}
//Calls the object constructor,makes the slide object and starts the sliding.
	function slideInit(){
		oSlide=makeObj('divNews','divCont')
		oSlide.css.top=lstart
		oSlide.up(speed)
		
	}
//Start the sliding on page load.
onload=slideInit

/**********************************************************************
If you for some reason would like this to start at a event or something
just remove the previous line and place something like:
<a href="#" onclick="slideInit()">Slide!</a> in the page. 
That will make the scroll start when the user clicks
***********************************************************************/
</script>
</head>

<body>

<div id="divCont" style="position:absolute; width:300; height:150; top:150; left:170; clip:rect(0,300,150,0)">
	<div id="divNews" style="position:absolute; top:0; left:0">
		Qui va inserito il testo!<br><br>
                Testo<br>
                Esempio<br>
                Testo<br>
                Esempio<br>
                Testo<br>
                Esempio<br><br>
	</div>
</div>

<a href="http://www.indirizzo.it">LINK TESTUALE</a>

</body>
</html>

Compatibilità: MsIE | Netscape

Javascript

Altre risorse:
Libri Javascript | Manuale Javascript

Fai fruttare il tuo sito! Diventa oggi stesso un affiliato Trade Doubler e guadagna qualche soldino con il tuo sito web.

MrW Corsi Corsi di Informatica online 24 su 24. Corsi completi, download, quiz e blocco appunti.