Script DHTML - Frame: Text Scroller - Morpheusweb.it - webmaster resources: script, ASP.NET, C#, Visual Basic .Net, tutorial, asp, javascript, css, php, html, java, ADO, VBScript, forms, frames, Active Server Pages, Dynamic HTML, database

Text Scroller
Scroller of text, through a div.


					
					<HTML>

					<title>Demo dhtml</title>

					<SCRIPT>

					function tmtZ_clipBottom(bersaglio, clipbottom) {

					if (document.layers) {

					var Hzob = self.innerHeight / 100;

					document.layers[bersaglio].clip.bottom = clipbottom * Hzob;

					}

					if (document.all) {

					var Hzob = document.body.offsetHeight / 100;

					turi = eval("document.all." + bersaglio + ".style");

					if (turi.clip) {

					var clipv = turi.clip.split("rect(")[1].split(")")[0].split("px");

					var ct = Number(clipv[0]);

					var cr = Number(clipv[1]);

					var cl = Number(clipv[3]);

					}

					eval("turi.clip = 'rect(' + ct + ' ' + cr + ' ' + clipbottom*Hzob + ' '
					+ cl +')'");

					}

					}

					function tmt_scrollLayerBy(bersaglio, dx, dy, vel) {

					if (document.layers) {

					turi = document.layers[bersaglio];

					var cl = turi.clip.left;

					var ct = turi.clip.top;

					var cr = turi.clip.right;

					var cb = turi.clip.bottom;

					var l = turi.left;

					var t = turi.top;

					turi.clip.left = cl + dx;

					turi.clip.top = ct + dy;

					turi.clip.right = cr + dx;

					turi.clip.bottom = cb + dy;

					turi.top = t - dy;

					turi.left = l - dx;

					} else {

					if (document.all) {

					turi = eval("document.all." + bersaglio + ".style");

					if (turi.clip) {

					var clipv = turi.clip.split("rect(")[1].split(")")[0].split("px");

					var ct = Number(clipv[0]);

					var cr = Number(clipv[1]);

					var cb = Number(clipv[2]);

					var cl = Number(clipv[3]);

					var l = turi.pixelLeft;

					var t = turi.pixelTop;

					}

					ncl = cl + dx;

					nct = ct + dy;

					ncr = cr + dx;

					ncb = cb + dy;

					turi.pixelTop = t - dy;

					turi.pixelLeft = l - dx;

					eval("turi.clip = 'rect(' + nct + ' ' + ncr + ' ' + ncb + ' ' + ncl +')'");

					}

					}

					tmt_scrollalo = setTimeout("tmt_scrollLayerBy('" + bersaglio + "'," +
					dx + "," + dy + "," + vel + ")", vel);

					}

					function tmt_stopScroll() {

					if (tmt_scrollalo) {

					clearTimeout(tmt_scrollalo);

					}

					}

					if (document.layers) {

					origWidth = innerWidth;

					origHeight = innerHeight;}

					function reDo() {

					if (innerWidth != origWidth || innerHeight != origHeight)

					location.reload();}

					if (document.layers) onresize = reDo;

					</SCRIPT>

					</HEAD>

					<BODY>

					<div id="scroller" style="position:absolute; width:50px; left:
					540px; top: 30px"> 

					<div align="center">

					<a href="#" onMouseOver="tmt_scrollLayerBy('scrollo',0,3,5)" onMouseOut="tmt_stopScroll()"><img
					name="scroller01" src="scroller01.gif" border="0" alt="Su"></a><br><br><br><br><br><br><br>

					<a href="#" onClick="location.reload()"><img name="scroller02" src="scroller02.gif" alt="Inizio" border="0" vspace=12></a><br><br><br><br><br><br><br>

					<a href="#" onMouseOver="tmt_scrollLayerBy('scrollo',0,-3,5)" onMouseOut="tmt_stopScroll()"><img
					name="scroller03" src="scroller03.gif" border="0" alt="Giù"></a>

					</div>

					</div>

					<div id="scrollo" style="position:absolute; width:500px; height:400px;
					left: 20px; top: 20px; clip: rect(0 500 400 0)"> 

					</body>

					</html>


					Nota: Per il corretto funzionamento dello script occorrono delle immagini presenti nel file zip