Examples

The following is a list of sample code for which our clients have asked. Feel free to use this as necessary with your KioWare project.

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>