Simple Scrolling Marquee
Imitate a scrolling marquee (windows screen saver):
Copy to Clipboard |
View Code In Action
|
Back
Code:
<HTML><body scroll="no"><div id="md" style="position: absolute;"><marquee id="mt" onstart="this.stop();moveText();this.start();"></marquee></div></body></HTML>
<script>
var divmd = document.getElementById("md");
var marqueemt = document.getElementById("mt");
var min = 8;
var max = document.body.clientHeight - divmd.clientHeight - 8;
var randpos = true;
document.bgColor = "#000000";
divmd.style.top = "0px";
divmd.style.left = "0px";
divmd.style.fontSize = "72px";
divmd.style.fontFamily = "Arial";
divmd.style.fontWeight = "normal";
divmd.style.fontStyle = "normal";
divmd.style.color = "#FF0000";
marqueemt.width = "100%";
marqueemt.scrollAmount = "15";
marqueemt.scrollDelay = "85";
marqueemt.direction = "left";
marqueemt.innerHTML = "Your Text Here!!";
function moveText()
{
if (!randpos){return;}
divmd.style.top = Math.floor(Math.random()*max+min) + 'px';
}
</script>