Web Hosting Talk







View Full Version : How do those website animated layers work?


joephill
09-23-2005, 06:55 AM
You know when you get into a page and then you see a layer advertising I think its DHTML like in the front of everything like ti was a pop up but it isnt it is an animmation.

Does anyone have an idea of what I am talking about?

I want to design one of those how can I do it?

Thanks

marsian
09-24-2005, 06:38 PM
you can view the following link for basic floating layer

http://www.codelifter.com/main/javascript/float_slideshow.shtml

joephill
09-26-2005, 04:17 PM
Thanks this is exactly what I was looking for!

How can I make like a big box that has a form asking people to subscribe to my newsletter?

And I also want to have a button for them to close the box and also if possible a cookie that only shows the box once for each visitor

topsub
09-27-2005, 02:22 PM
just build a page withwhat you want to show and have that page included inside of the div tag layer.

I did that same type thing on a project but i used it for a loading bar with javascript. So when i click on a link it actived the layer, then onload it triggered the layer off

BigBison
09-27-2005, 02:24 PM
Originally posted by marsian
you can view the following link for basic floating layer

http://www.codelifter.com/main/javascript/float_slideshow.shtml

That one's awesome! I've seen the effect before, but the motion is always very jerky. That one has smooth-scrolling.

@joephill:
You can always use "view source" in your browser on pages you like, to find example code for the effects you're after. That's often the best way to learn.

marsian
09-29-2005, 04:01 AM
this example got simpler one, you can replace the current form with your own form http://javascript.internet.com/page-details/floating-email-this-link.html

Flasher
10-02-2005, 02:50 PM
The most comfortable tool to make such effects with dynamic layers is DreamWaver...