Closed Thread Icon

Topic awaiting preservation: sequential change effect (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=8025" title="Pages that link to Topic awaiting preservation: sequential change effect (Page 1 of 1)" rel="nofollow" >Topic awaiting preservation: sequential change effect <span class="small">(Page 1 of 1)</span>\

 
Ensabanur
Bipolar (III) Inmate

From: KY
Insane since: Nov 2001

posted posted 01-12-2002 06:51

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

GRUMBLE
Paranoid (IV) Mad Scientist

From: Omicron Persei 8
Insane since: Oct 2000

posted posted 01-12-2002 12:04

<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.

Ensabanur
Bipolar (III) Inmate

From: KY
Insane since: Nov 2001

posted posted 01-13-2002 03:37

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

Ensabanur
Bipolar (III) Inmate

From: KY
Insane since: Nov 2001

posted posted 01-13-2002 06:52

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;
}
}
_________

NoJive
Maniac (V) Inmate

From: The Land of one Headlight on.
Insane since: May 2001

posted posted 01-13-2002 07:36

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.

Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

posted posted 01-13-2002 08:35

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


Ensabanur
Bipolar (III) Inmate

From: KY
Insane since: Nov 2001

posted posted 01-13-2002 15:35

what are jaggies?

never heard that before

RoyW
Bipolar (III) Inmate

From:
Insane since: Aug 2001

posted posted 01-14-2002 18:07

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

« BackwardsOnwards »

Show Forum Drop Down Menu