»
EnglishFrenchVietnamese

Print - Up-scroll message - JavaScriptBank.com

Full version: jsB@nk » Scrollers » Vertical scroller » Up-scroll message
URL: http://www.javascriptbank.com/up-scroll-message.html

Up-scroll message © JavaScriptBank.comUse this JavaScript to create the up-scrolling news message in your website.

Full version: jsB@nk » Scrollers » Vertical scroller » Up-scroll message
URL: http://www.javascriptbank.com/up-scroll-message.html



CSS
<style type="text/css"><!--span.cover {     background-color:white; }div#scroller {  position:absolute;top:-100; }--></style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script language="JavaScript" type="text/javascript"><!--var count=120;var cnt=0;var message=new Array();message=["Hello and Welcome to JavaScriptBank.com","Lots of JavaScripts and DHTML Effects","And Did I mention FREE Scripts","Yeah, that's Right FREE!!!"];var spans0;window.onload=main;function main(){  moveSpan();}function moveSpan(){spans0=document.getElementById('sid0');spans0.innerHTML=message[cnt]; if(count>-110) {   spans0.style.top=count; count--; } else {   count=120;  (cnt<message.length-1)?cnt++:cnt=0; }  setTimeout("moveSpan();",10);}//--></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<span id="sid-1" class="cover" style="padding: 1px; position: relative; top: 0pt; width: 200px; height: 110px; z-index: 2;"></span><br><span id="sid0" style="padding: 1px; position: relative; width: 200px; height: 110px; background-color: black; color: rgb(0, 255, 0); z-index: 1; top: -86px;">Hello and Welocme to Webdeveloper.Earthweb.com</span><span id="sid1" style="padding: 1px; position: relative; left: -200px; width: 200px; height: 110px; background-color: black; color: rgb(0, 255, 0); z-index: 0;"></span><br><span id="sid2" class="cover" style="padding: 1px; position: relative; width: 200px; height: 120px; z-index: 2;"></span><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->