4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Random moving text in background

by Barbara Eyre
3 replies
  • WEB DESIGN
    • |
I have a client that is looking to have names of manufacturers randomly moving around the home page (in the main content area) ... faded/transparent in color so as to not distract from the main content itself.

What would really be neat, would be that the text randomly moves around the area but slowly making its way to the bottom of the area and settling into a nice row. Sort of along the lines of that falling snowflake effect you see on some websites during Christmas season.

I can sort achieve the above effect with the javascript I'm using. However, the only problem I can't solve is how to make these names the background of <div #main> so the actually page content can go over these names. Since each name is individually controlled, each has their own .js file that I'm calling in in the <head>.

I am guessing there is no easy way to do this via javascript ... I've been working on this for hours today, googling scripts to death trying to find one. So, am I right to assume that the only way to do this is with flash? Can you make flash a background so that page content can go over it? I do not know how to make flash, so I have no idea about those things.
#background #moving #random #text
  • Profile picture of the author Aronya
    I'm happy to be wrong, but as far as I know, there's no way to create an animated background for a web page. The idea that comes to mind is to create the whole thing in Flash, which would be pretty easy, but that's going to hurt your SEO. You could always just do the one page in Flash, and the rest in whatever method you would normally use, as long as the client understands that the likelihood of someone landing on the home page via search would be slim.
    {{ DiscussionBoard.errors[1654428].message }}
  • Profile picture of the author DarrenHill
    I'm not 100% sure exactly how you are coding this but have you tried solving it with CSS ... wherever you are putting the code for the animation (perhaps in it's own div) and using the z-index attribute to make it appear behind the page's text.

    Hope that helps

    D
    {{ DiscussionBoard.errors[1654868].message }}
    • Profile picture of the author CarloD.
      If you want 2 layers, Text on top and a div in the background with moving text.... sounds like a job for flash in my mind... that would be the easiest way... but then again flash is no good if its taking up the whole content area.
      Signature

      {{ DiscussionBoard.errors[1654911].message }}

Trending Topics