Need Script for Bottom Overlapping Banner

tdowland

New Member
Hey guys,

I'm starting a private jet company comparison website. I need a script that will have a banner at the bottom of the page that scrolls with the user Without using frames, and can be closed out. I don't know what to google.


Thanks
 

ronaldroe

Super Moderator
Staff member
I may need an illustration here. I'm having a hard time grasping what you're wanting.
 

tdowland

New Member
I called it a banner for lack of better term.

Basically I want to have a "layer" that's always at the bottom of the page until the visitor clicks on a link to get a plain ticket quote, or closes it out by clicking on the [x], or reaches the bottom of the page and can no longer scroll down.

kind of like a fly in without flying in, and takes up the entire width of the bottom of the page.


------------
|
|
|----------|
|_________|
 

ronaldroe

Super Moderator
Staff member
You'll use position:fixed in your CSS to make the banner stay in place like that.

To close it, you'll use a JS click event and just hide it.
With jQuery:
Code:
$('a.close').click(function(){
  $('div.banner').hide();
});
 
Top