»
EnglishFrenchVietnamese

Print - Big TextWave - JavaScriptBank.com

Full version: jsB@nk » Text » Big TextWave
URL: https://www.javascriptbank.com/big-textwave.html

Big TextWave © JavaScriptBank.comThis smooth dynamic animation enhances your newsticker with an unique wave-effect. Each message can be linked to a different URL. No images required.

Full version: jsB@nk » Text » Big TextWave
URL: https://www.javascriptbank.com/big-textwave.html



CSS
<style type="text/css">.textstyle{position:absolute;left:-2000px;    font-size:50pt;    font-weight:bold;    line-height:0.8;    font-family:Times;    color:black;    background-color:white;    filter:chroma(color=black;);}a, a:visited{    color:black;    text-decoration:none;}A:Hover{    font-style:italic;}.bgdivstyle{position:absolute;left:-2000px;    filter:wave(strength=2,freq=5,phase=5,lightstrength=40);}</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"><!-- Beginning of JavaScript -// Big TextWave by Urs Dudli and Peter Gehrig var message=new Array()message[0]="HELLO STRANGER!"message[1]="STILL GOING STRONG?"message[2]="WELCOME TO JSBank!"message[3]="DOWNLOAD 300+ FREE SCRIPTS!"message[4]="TEST THEM AND BE HAPPY."var messageurl=new Array()messageurl[0]="http://JavaScriptBank.com"messageurl[1]="http://JavaScriptBank.com"messageurl[2]="http://JavaScriptBank.com"messageurl[3]="http://JavaScriptBank.com"messageurl[4]="http://JavaScriptBank.com"var messagetarget=new Array()messagetarget[0]="_blank"messagetarget[1]="_blank"messagetarget[2]="_blank"messagetarget[3]="_blank"messagetarget[4]="_blank"var messageheight=120var messagewidth=580var messagetop=10var messageleft=10var stripecolor1="red"var stripecolor2="black"var stripenumbers=3var pause=3000var i_message=0var timervar bgcontent=""function init() {    if (document.all) {        bgcontent="<table cellpadding=90 cellspacing=0 width="+messagewidth+" height="+messageheight+">"        for (i=0;i<=stripenumbers;i++) {            bgcontent+="<tr><td bgcolor="+stripecolor1+"></td></tr>"            bgcontent+="<tr><td bgcolor="+stripecolor2+"></td></tr>"        }        bgcontent+="</table>"bgdiv.innerHTML=bgcontent        text.style.width=messagewidth        text.style.height=messageheight    document.all.text.style.posTop=messagetop        document.all.text.style.posLeft=messageleft        document.all.bgdiv.style.posTop=messagetop        document.all.bgdiv.style.posLeft=messageleft        setInterval("bgdiv.filters.wave.phase+=5",100);        changemessage()    }}function changemessage() {    i_message++    if (i_message>message.length-1) {i_message=0}        text.innerHTML="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"+message[i_message]+"</a>"        var timer=setTimeout("changemessage()", pause) }// - End of JavaScript - --></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<body onload="init()"><div id="bgdiv" class="bgdivstyle"></div><div id="text" class="textstyle"></div></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->