Topic awaiting preservation: sequential change effect (Page 1 of 1)

Hey there, I want to generate a text effect where the text turns a sequence of different colors, such as from light green, to white , to green when the mouse is over it and backwards when it goes off again.
I don't understand how to call the color change commands so that it hapens in a timeframe that is actually visible to the eye.

ANy help would be appreciated

Ensa

<script language="javascript">
var tsize=20,fsize;var l=" ";
var t1="+++ text1 +++ ";
var t2="+++ weeeeeeeeeee +++ ";
var t3="+++ agian.... +++ ";

function ticker(text, pos, dir)
{
var c1=text.substring(pos, pos+1);
var c2=text.substring(pos+1, pos+tsize-1);
var c3=text.substring(pos+tsize-1, pos+tsize);

if(c1==' ') c1='&nbsp;';
if(c3==' ') c3='&nbsp;';

var out='<center><table width=100%><tr><td nowrap align=center><font face="arial, helvetica" size="'+fsize+'"><font color="#804000">'+c1+'</font>'+c2+'<font color="#804000">'+c3+'</font></font></table></center>';


if(navigator.appName=="Netscape")
with(document.m<ticker.document)
{
open(); write(out); close();
}
else
myticker.innerHTML=out;

pos+=dir;

if(pos<text.length)
setTimeout('ticker("'+text+'",'+pos+','+dir+')', 110);
}

</SCRIPT>

then in the body you need:
onload="ticker(t1+t2+t3 ,0,1)
and a
<div id="myticker" class="m" style="positon:absolute; left:550px; top:5px;"></div>

m is just a stylesheet class

maybe you were searching for this. i wrote it some years ago for one of my first homepages. so i only tested it in IE and NN4.
any questions? go ahead.

I guess a better way to explain whta I want to learn to do would be to say I wantto be able to create a function that controls an aspect of my page such as the alpha percentage, color, position (something that can be altered and is visually apparant on the page.
If you go here you will see a oval on the left. What I want to happen is when someone puts the mouse over any of the links that a picture of the page it will go to fades into that oval. I can make the pictures easily and I can get the picture to pop up in the oval, but I don't know to to program the function to fade it gradually. What's thebest way to do that?

Any Help would be appreciated

Ensa

what's wrong with this code?

code
______
function fadein(image)
{
var a = getElementById(image).filter.alpha.opacity;
for(i=10;i>0;i--)
{
a = a + 10;
}
}
_________

My comment probably belongs in 'Site Reviews' but since I'm here and just in case no one mentions it... you've got a bad case of the jaggies even when the browser ei6, is full screen.

This may help:
http://www.ozoneasylum.com/Forum2/HTML/001290.html

what are jaggies?

never heard that before

Somethimg like this.. http://www.javascript-fx.com/gng/interfaces/fantasy2/index.html
or this.. http://www.javascript-fx.com/fade_rollovers/demo5.html
or this.. http://www.javascript-fx.com/navigation/guistuff/demo.html

I don't have the help files uploaded yet but if you view the help files for "SimpleRollovers and "AnimatedRollovers" they use a similar install for FadingRollovers
FadingRollovers are here http://www.javascript-fx.com/fade_rollovers/index.html
click on the Download button (bent over arrow) to get the script)
HTH