Sabtu, 23 Juli 2011

Membuat Gambar Animasi Berterbangan

0 komentar
Langsung saja yach,..

Contoh Anda Bisa Klik Tombol dibawah








Baiklah langsung saja Mencobanya.

1. Login ke akun Blog sobat.
2. Pilih rancangan, add gadget kemudian klik HTML/Java Script.
3. Copy Paste script di bawah ini ke dalam gadget sobat.

<div id='abeja' style='position:absolute; top:0px; left:0px; visibility:hidden; z-index:10'><a href='MASUKKAN URL ANDA DISINI' target='top' onclick='abejacazada()'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQR0a8b0kWiK9wuDM3fcNbf3sL_ll1wLYlNRjpnls7HbA4gKTne-7KNYLaF6pym_vUojjIGT5I_EMIKSEWZJ_UCDtoTZF2v-egx5twTpst2V9S_d9Xaz7O3cfqj4cybZ_8LCXY3ESAUHE/" style="width:52px; height:51px; border:0;" /></a></div>

<center><input name="detener" type="button"
onclick="abejacazada()" value="Off" /><input name="volar" type="button" onclick="iniciar()" value="On" /></center>

<script type='text/javascript'>
// Juan Rodríguez [Consultor]
<!-- inicio
var velocidad=50;var cambio=100;var CamHorMax=25;var CamVerMax=25;var hor,ver;var DesHor=2;var DesVer=2;var DirHor=true;var DirVer=true;function iniciar(){ajustar();volar(hor/2,ver/2);document.getElementById('abeja').style.visibility="visible";animar();cambiar();reiniciar();}
function ajustar(){if(document.all){hor=document.body.clientWidth;ver=document.body.clientHeight}
else if(document.getElementById&&!document.all){hor=window.innerWidth;ver=window.innerHeight}}
function volar(PosHor,PosVer){document.getElementById('abeja').style.top=parseInt(document.getElementById('abeja').style.top)+PosVer+"px";document.getElementById('abeja').style.left=parseInt(document.getElementById('abeja').style.left)+PosHor+"px";}
function animar(){PosHor=parseInt(document.getElementById('abeja').style.left);PosVer=parseInt(document.getElementById('abeja').style.top);if(DirVer){if((PosVer)>(ver-100)){DirVer=false;volar(0,-DesVer);}else{volar(0,DesVer);}}
else
{if((PosVer)<100){DirVer=true;volar(0,DesVer);}else{volar(0,-DesVer);}}
if(DirHor){if((PosHor)>(hor-100)){DirHor=false;volar(-DesHor,0);}else{volar(DesHor,0);}}
else
{if((PosHor)<100){DirHor=true;volar(DesHor,0);}else{volar(-DesHor,0);}}
setTimeout('animar()',velocidad);}
function cambiar(){DirHor=(Math.floor(Math.random()*2)==0);DirVer=(Math.floor(Math.random()*2)==0);DesHor=Math.floor(Math.random()*CamHorMax);DesVer=Math.floor(Math.random()*CamVerMax);setTimeout('cambiar()',cambio);}
function abejacazada(){document.getElementById('abeja').style.visibility="hidden"}
function reiniciar(){setTimeout("window.onresize=releer",50)}
function releer(){window.location.reload()}
window.onresize=ajustar
// final -->
</script>

 NB::: perhatikan teks yg berwarna Merah, anda tinggal menggantinya  sesuai keinginan anda masing-masing.

Leave a Reply