Lograr esto con javascrip o Jquery

[cashhn]

Hola lo q quiero lograr es poner un botoncito como este en mi web



que al darle clic me despliegue un div como lo hace ese botton de twitter.


yo lo q quiero es q me despliegue mi div con mi codigo...

e incluso el boton el boton tiene la propiedad de seguir el scroll de arriba a abajo y viseversa

alguien tiene una idea?

[maycolalvarez]

con jQuery lo logras con $('#capa').slideToggle("slow"); + el css necesario

o por ahí existen demos de jquery sliding panel, búscalo en google

[cashhn]

pero asi inteligentes como ese?

[maycolalvarez]

a que te refieres con inteligentes?, jQuery te facilita la interacción y animación, lo demás lo programas por tu cuenta

[Hugo_Euan]

write less, do more !!!

jejejeje XD

bueno tambien lo podrias hacer de esta manera con JQuery

$(elemento).animate("left", posicion final, tiempo que dura la animacion);

y para que tu cuadro siga el scroll puedes hacer esto

Código Javascript:

window.onscroll=SEGUIR_SCROLL();
PosicionInicial = WindowSize();
 
function ALIGMENT_FOOTER(){
    var PosY = (document.body.scrollTop+(PosicionInicial [1] - aqui el alto de tu cuadro));
    $(elemento).css("top", PosY);
};
 
 
function WindowSize(){if (typeof window.innerWidth != 'undefined'){SizeWindow = [window.innerWidth,window.innerHeight];}else if (typeof document.documentElement != 'undefined'&& typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0){    SizeWindow = [document.documentElement.clientWidth,document.documentElement.clientHeight];}else{SizeWindow = [document.getElementsByTagName('body')[0].clientWidth,document.getElementsByTagName('body')[0].clientHeight];}return SizeWindow;};
 

sencillo verdad? jejeje
espero te sirva SALUDOS !!!