DHTML Scroll Text

Dhtml Scroll Text

<html>
<head>
<style>
span
{font:12px arial;
background:#CCCCCC;
position:absolute;
width:100;
height:500;
top:100;
clip:rect(0 100 100 0);
}

</style>
<script>
var interval;
startPosition=0;
topPosition=100;
endPosition=100;
speed=50;

function scrollit()
{
if (startPosition!=200)
{
startPosition=startPosition+1;
topPosition=topPosition-1;
document.getElementById(‘display’).style.clip=”rect(” + (startPosition + 1) + ” 100 ” + (startPosition + endPosition) + ” 0)”;
document.getElementById(‘display’).style.top=topPosition;
interval=setTimeout(“scrollit()”,speed);
}

else
{ startPosition=0;
topPosition=100;
endPosition=100;
interval=setTimeout(“scrollit()”,speed);
}
}
function stopinterval()
{clearTimeout(interval);
}

</script>
</head>
<body onunload=”stopinterval()”>
<span>
Hello Developers, this script makes a scrolling text. <br />Visit Paktutorial.com
</span>
</body>
</html>

View Output

DOWNLOAD SOLUTION HERE