Twiter

Creditos: http://adan-2994.es.tl


Codigo:



<!-- Codigo por http://adan-2994.es.tl/Pajarito_twiter_animado.htm -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<SCRIPT>$(document).ready(function(){
pajarito=$("div#pajarotwiter");
twiteame=$("div#twiteame");var cambia=1;
velocidad=parseInt(pajarito.attr("velocidad"));
function pajaro(yo){
switch(cambia){
case 1:yo.css('background-position','0px -129px');cambia++;break
case 2:yo.css('background-position','-64px -129px');cambia++;break
case 3:yo.css('background-position','-128px -129px');cambia++;break
case 4:yo.css('background-position','-192px -129px');cambia=1;}}
function pajaro2(yo){
switch(cambia){
case 1:yo.css('background-position','0px -257px');cambia++;break
case 2:yo.css('background-position','-63px -257px');cambia++;break
case 3:yo.css('background-position','-127px -257px');cambia++;break
case 4:yo.css('background-position','-192px -257px');cambia=1;}}
pajarito.mouseover(function(){var a=pajarito.offset();twiteame.css({'display':'block','top':a.top+'px','left':(a.left+pajarito.width())+'px'}).stop().animate({'opacity':1},500);
}).mouseleave(function(){twiteame.stop().animate({'opacity':0},900,function(){twiteame.css('display','none');});});
if(pajarito.attr("pajaro")==1){setInterval(function(){pajaro2(pajarito);},velocidad);}else{setInterval(function(){pajaro(pajarito);},velocidad);}
pajarito.animate({'opacity':1},1000);});</script>
<style>
div#pajarotwiter{cursor:pointer;position:absolute;
top:35%;
left:35%;
background-image:url(https://img.webme.com/pic/a/adan-2994/twiterpajaroadan.png);
height: 65px;
width: 65px;z-index:1;
background-position:0px -129px;opacity:0;
}
div#twiteame{
background-image:url(https://img.webme.com/pic/a/adan-2994/twiterpajaroadan.png);
height: 65px;
width: 65px;
position:absolute;display:none;opacity:0;z-index:1;
background-position:-59px 0px;
}
</style>
<a href="TU-TWITER" target="_blank">
<div id="pajarotwiter" pajaro=0 velocidad=80 ></div> </a>
<div id="twiteame"></div>

Mira el codigo rojo, es la posicion donde aparecera el pajarito, cambiala atu gusto.

Mira el codigo naranja, es la direccion de la imagen, puedes guardarla en tu servidor y cambias el codigo naranja.

Mira el codigo verde, con este valor elejimos entre el pajarito que alatea horizontalmente, y el que lo hace verticalmente.
Para elejir verticalmente basta con cambiar ese valor por 1:
 

Observa el codigo en color azul, es la velocidad ala que aletea el pajarito, cambiala a tu gusto: Mira el codigo en color violeta, cambialo por tu cuenta de twiter.

Mira el codigo en color cafe(marron), si lo cambias por fixed, el pajarito estara fijo.

<!-- Codigo por http://adan-2994.es.tl/Pajarito_twiter_animado.htm -->