Link to home
Start Free TrialLog in
Avatar of IndianHero2001
IndianHero2001

asked on

Popup Slide with X button at bottom of page

What is that thing at the bottom of page? Is it just jquery or some Jquery+Facebook script?

How do I do exact same? Please provide sample code if possible.

Thanks.
http://www.kazowie.com

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of Pawel Witkowski
Pawel Witkowski
Flag of Poland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of IndianHero2001
IndianHero2001

ASKER

Can you tell how I Stick that Div box you made to the bottom of page. So, when user scrolls, the div box appears at bottom only.
Yes of course - I did only an example. I though that you know a little about css.


function createAnimElem()
{
 
var el=document.createElement('div');
el.style.width="30px";
el.style.height="30px";
el.style.backgroundColor="red";
el.style.position="fixed";
el.style.bottom="0";
 
var state=0;
var time=1500;
 
$(el).click(function()
{
   if (state===1)
   {
      state=0;
      $(this).stop().animate({
          width:"30px",
          height:"30px",
          opacity: 0.3
       },time);
  
     
   }else
   {
       state=1;
       $(this).stop().animate({
          width:"300px",
          height:"300px",
          opacity: 1
       },time);
   }
 
});
return el;
}
 
document.body.appendChild(createAnimElem())

Open in new window