Como fazer funcionar um Efeito no Blog e Redes Sociais..

[ToninhoSouza 0]

Fiz um pedido no dia de Hoje e já foi resolvido, mas resolvi abrir este tópico para resolver outro como segue:

Tem um JavaScript que faz os olhos de uma carinha emoticon se mover com os movimentos do cursor, no teste através do programa ao abrir no navegar ele funciona normalmente, mas como coloca no BlogsPot. com em gadget, ele se movimenta pouco ou quase nada, o código é este abaixo:

Código no HTML

 
<script src="jseyes.js"></script>
 
<script>
    jsyes();
</script>

Código JS

/* jseyes.js 
 
(C) ProPix Ltd, Escrito por Pintér Gábor
V1.0 2001/10/14 Versão original
 
Revisões:
V1.1 02/20/2008: Atualizado por JavaScriptKit.com para trabalhar nos navegadores mais recentes (IE7, FF etc)
 
*/
 
// Defaults
var jseyesimg="jseyes.gif";
var jseyeimg="jseyeblue.gif";
var jseyeslink="[url="http://tonygifsjavas.com.br/"]http://tonygifsjavas.com.br/";[/url]
 
 
// Internal
var jseyeso=null, jseye1=null, jseye2=null;
var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
 
// General utils
 
// Find object by name or id
function jseyesobj(id) {
  var i, x;
  x= document[id];
  if (!x && document.getElementById) x= document.getElementById(id);
  for (i=0; !x && i<document.forms.length; i++) x= document.forms[i][id];
  return(x);
}
 
 
// Move eyes
function jseyesmove(x, y) {
  var ex, ey, dx, dy;
  if (jseyeso && jseye1 && jseye2 && jseyeso.style) {
    ex=jseyeso.offsetLeft+46; ey=jseyeso.offsetTop+58;
    dx=x-ex; dy=y-ey;
    r=(dx*dx/49+dy*dy/289<1) ? 1 : Math.sqrt(49*289/(dx*dx*289+dy*dy*49));
    jseye1.style.left= r*dx+36.5+'px'; jseye1.style.top= r*dy+44+'px';
    ex+=56; dx-=56;
    r=(dx*dx/49+dy*dy/289<1) ? 1 : Math.sqrt(49*289/(dx*dx*289+dy*dy*49));
    jseye2.style.left= r*dx+92.5+'px'; jseye2.style.top= r*dy+44+'px';
  }
}
 
 
 
// Main
function jseyes() {
  var img;
  var x, y, a=false;
 
  if (arguments.length==2) {
    x= arguments[0];
    y= arguments[1];
    a= true;
  }
 
    img= "<div id='jseyeslayer' style='position:"+
           (a ? "absolute; left:"+x+"; top:"+y : "relative")+
           "; z-index:5; width:150; height:150 overflow:hidden'>"+
    "<div id='jseye1' style='position:absolute; left:36; top:44; z-index:6; width:21; height:29'>"+
      "<img src='"+jseyeimg+"' width=21 height=29 onClick=\"location.href='"+jseyeslink+"'\">"+
    "</div>"+
    "<div id='jseye2' style='position:absolute; left:92; top:44; z-index:6; width:21; height:29'>"+
      "<img src='"+jseyeimg+"' width=21 height=29 onClick=\"location.href='"+jseyeslink+"'\">"+
    "</div>"+
    "<img src='"+jseyesimg+"' width=150 height=150 onClick=\"location.href='"+jseyeslink+"'\">"+
"</div>";
    document.write(img);
    jseyeso=jseyesobj('jseyeslayer');
    jseye1=jseyesobj('jseye1');
    jseye2=jseyesobj('jseye2');
 
    document.onmousemove=jseyesmousemove;
}
 
 
// Mouse move events
 
function jseyesmousemove(e) {
var mou---=(e)? e.pageX : event.clientX+standardbody.scrollLeft
var mousey=(e)? e.pageY : event.clientY+standardbody.scrollTop
  jseyesmove(mou---, mousey);
  //return(false);
}

Veja o Efeito em uma pagina no Site: http://www.tonygifsjavas.com.br/efeitos_para_blogs/a_teste_efeitos/teste_efeito_olhos.htm

Veja no Blog: http://testederecursostgj.blogspot.com.br/

Agradeço de coração a quem puder me ajudar.

[ExtremsX 58]

Isso não acontece por limitações do blogspot não?

[ToninhoSouza 0]

Vc chegou a examinar o código se esta tudo correto? o que não entendi, pq na pagina normal para S Site ele funciona certinho e no Blog que é colocado em gadget, até se mexe, mas pouco, muito pouco.