you can use the marquee tag, or something like this:
PHP Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Scroller</title>
<style type="text/css">
div.scroll {
float:left; /* do NOT change this value */
width:360px; /* width of scroll, can be percentage or a length */
text-align:center; /* alignment of text */
color:white; /* change to color of text */
border-style:dashed; /* style of border */
border-width:2px; /* width of border */
border-color:black; /* color of border */
padding:6px; /* padding between border */
background-color:silver; /* bg color */
font-weight:bold; /* bold or normal */
font-style:normal; /* normal or italic */
font-family:Verdana; /* actual font */
}
</style>
<script type="text/javascript">
// these are the messages that are scrolled, edit them, be sure not
// to change the format they are in, always str[#], where the
// numbers increment as messages increase
var str = new Array()
str[0] = "Marquee Text 1"
str[1] = "Marquee Text 2"
str[2] = "Marquee Text 3"
str[3] = "Marquee Text 4"
var charsToShow = 35 // number of characters to show when scrolling at once
var milliFrame = 100 // number of milliseconds to pause between scrolls
var joinChar = "; " // character used to join different elements of str
str[str.length - 1] += joinChar
str = new String(str.join(joinChar))
var show = str.substr(0,charsToShow)
var scrolling;
function scroll() {
// show the current scroll
document.getElementById('scroller').firstChild.nodeValue = show
// set up scroll for next loop
str = str.substr(1,str.length) +""+ str.charAt(0)
show = str.substr(0,charsToShow)
scrolling = setTimeout('scroll()',milliFrame)
}
function stopScroll() {
// stop scrolling
clearTimeout(scrolling)
}
function startScroll() {
// start scrolling again
scrolling = setTimeout('scroll()',milliFrame)
}
</script>
</head>
<!-- If other body onloads, add all here and separate by a ;
If any window.onloads, place here & separate by a ; -->
<body onload="scroll();">
<!-- Any other body content here -->
<div id="scroller" onmouseover="stopScroll()" onmouseout="startScroll()" class="scroll">_</div>
<!-- Any other body content here -->
</body>
</html>
Reply With Quote
Bookmarks