Moving Text

Moving Text : Text HTML : HTML JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » HTML » Text HTML »




/*
Mastering JavaScript, Premium Edition
by James Jaworski 

ISBN:078212819X
Publisher Sybex CopyRight 2001
*/

<html>
<head>
<title>Moving Text</title>
<script language="JavaScript">
var heading = null
function moveText(milliseconds) {
 window.setInterval("changePosition()", milliseconds)
}
function changePosition() {
 var x = Math.random()*400
 var y = Math.random()*400
 if(document.getElementById)
  heading = document.getElementById("moveme")
 else if(navigator.appName == "Microsoft Internet Explorer")
  heading = document.all.item("moveme")
 else if(document.layers)
  heading = document.layers["moveme"]
 if(heading != null) {
  if(heading.style == null) { // Navigator 4
   heading.left = x
   heading.top = y
  }else if(heading.style.left != null) { // DOM-capable
   heading.style.left = x
   heading.style.top = y
  }else{ // IE 4
   heading.style.posLeft = x
   heading.style.posTop = y
  }
 }
}
</script>
</head>
<body onload="moveText(2000)">
<div id="moveme" style="position:absolute;font-size:xx-large;">This text moves!</div>
</body>
</html>