The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help w/Rainbow Vert-Scrolling text
cuervo5150
post Sep 30 2009, 09:52 PM
Post #1





Group: Members
Posts: 1
Joined: 30-September 09
Member No.: 9,902



Greetings,

I am having trouble getting vertical scrolling text, like the CNN ticker to work with a rainbow colored font. I would like 5 or so different one-liner messages to scroll up, pause for a few seconds and then move onto the next one.

If someone would be so kind as take a look at http://74.208.69.17:8087/ it is the text at the very top of the page using the rainbow effect.

Here is the code I used to get that to work...

I've tried to use many of the snippets on the web, but just can't get anything to work. I would appreciate any help anyone can give me.

Thank you,

Cuervo5150

================================================

<div style="background-color: #000000; top: 0px; left: 0px; right: 0px; bottom: 0px"><table width="100%" height=20>
<tr><th>

<!-- Add the below code where you wish the text to appear on the page: -->

<b>
<font size="2">
<script>

// ********** MAKE YOUR CHANGES HERE

var text="Join us every night at 8pm PST for 'The Ocho' tourney...Pre-Register now!!" // YOUR TEXT
var speed=100 // SPEED OF FADE - Higher=faster/Lower=slower

// ********** LEAVE THE NEXT BIT ALONE!

// **** Do Not Alter Code Below ****
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')

var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
}
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)s
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</font></b>
</a></th></tr></table></div>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th April 2024 - 12:15 PM