Welcome to Egypt Forums Mark forums read | Egypt Main Page
Egypt Forums
Arabic Movies



Web Technology Web Design Tools Photoshop,Dreamweaver,Flash,Etc.Tutorials , References , Examples.

Web Technology Thread, Rollover Text Link Fade-In Issue in Programming , WebDesign & Development; Hi, I have three links on the home page of the website I'm developing that I want to fade in ...

Short Link: http://forum.egypt.com/enforum/showthread.php?t=22877


Reply
LinkBack Thread Tools Display Modes
Rollover Text Link Fade-In Issue
 
 
Senior Member

Reply With Quote
 
Join Date: Dec 2008
Posts: 18,122
29-01-2009, 02:40 PM
 
Hi, I have three links on the home page of the website I'm developing that I want to fade in on page load. I've found numerous scripts on the web to do this, but I can't seem to get any of them to work. I'm fairly proficient with HTML code, but...

Hi, I have three links on the home page of the website I'm developing that I want to fade in on page load. I've found numerous scripts on the web to do this, but I can't seem to get any of them to work. I'm fairly proficient with HTML code, but near clueless when it comes to Javascript, CSS, etc. I'd greatly prefer a short script that doesn't require any external files. I finally found a script for blinking text that I thought I could edit to just cycle through once, so what I have is the text "blinking" from shades ranging from white to dark gray (the final color I want the text to be), giving the illusion that the text links are fading in. However, the script I found repeatedly cycles through all the colors, but I just want it to go through once and stop. If anyone could help me edit it to do this, I'd very much appreciate your help. Thank you!

Code:
function initArray() { for (var i = 0; i < initArray.arguments.length; i++) { this[i] = initArray.arguments[i]; } this.length = initArray.arguments.length; }
var colors = new initArray( "#FFFFFF","#DDDDDD","#CCCCCC","#BBBBBB","#AAAAAA", "#999999","#888888","#777777","#666666","#555555") ;
delay = .1;
link = 0;
vlink = 0;
function FadeIn() { link = (link+1)%colors.length; vlink = (vlink+1)%colors.length; document.linkColor = colors[link]; document.vlinkColor = colors[vlink]; setTimeout("FadeIn()",delay*1000); }
FadeIn();
 
 
 
Reply

Web Technology Thread, Rollover Text Link Fade-In Issue in Programming , WebDesign & Development; Hi, I have three links on the home page of the website I'm developing that I want to fade in ...

Short Link: http://forum.egypt.com/enforum/showthread.php?t=22877


Bookmarks

Tags
fadein, issue, link, rollover, text


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump