Javascript faz Div suspensa parece se mover com descer e subir da página ~ Games Maniacs

Javascript faz Div suspensa parece se mover com descer e subir da página

11:53 Dicas No comments

Mostrei um código css para a uma div ficar fixa no canto do blog ou página, agora um Scriptque faz algo semelhante, porém, a div fica suspensa e 'solta', parece que fica balançando quando desce ou sobe a página. A div é um elemento Html que dentro dela pode colocar coisas, sendo assim pode ser para uma imagem,

anúncio ou texto tenha esse efeito.

Abaixo estão dois códigos, um do Javascript e outro o código da DIV em Html

com um pouco de estilo css(style).

No JavaScript, o que está em vermelho são anotações da 'configuração' do Elemento DIV e você pode remover elas para seu código ficar menor, mas com

cuidado, faça isso só após testar o script e ver que funciona. Com uma

exceção que é essa primeira parte que mostra que o código veio do site Dynamic drive, não se deverá remover, é bom visitar o site para ler sobre.

1

<script type="text/javascript"> /********** Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com) Sliding routine by Roy Whittle (http://www.javascript-fx.com/) This notice must stay intact for legal use. Visit http://www.dynamicdrive.com/ for full source code ***********/ var persistclose=0 // 0 zero faz com que a div apareça ao atualizar e 1 faz com que a div fechada não apareça novamente pro mesmo visitante na mesma página ou session, nem sempre funciona em alguns navegadores var startX = 0 //set x offset of bar in pixels var startY = 22 // regule distancia vertical em pixels e escolha a base logo abaixo, Se você usar na base 'frombottom', recomendo usar mínimo de 22 porque se o visitante estiver com a janela reduzida a barra de rolagem de baixo ficará sobre a base  var verticalpos="frombottom" // use "fromtop" para alinhar ao topo ou "frombottom" para alinhar na base function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function closebar(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("fixamove").style.visibility="hidden" } function staticbar(){ barheight=document.getElementById("fixamove").offsetHeight var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; var d = document; /*_posição a direita em offsetadditionx _*/ var offsetadditionx=700 var offsetadditiony=0 function ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=function(x,y){ this.style.left=x+offsetadditionx+"px"; this.style.top=y+offsetadditiony+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); /*_Velocidade com que mexe. numero alto é mais lento_*/ setTimeout("stayTopLeft()", 10); } ftlObj = ml("fixamove"); stayTopLeft(); } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </script><br />

2

0 comentários:

Postar um comentário