25 March 2011

Shake Image & Link

Argh bingung mo jelasin maksud dari judulnya gimana, yasud langsung ke tutorna aja yah.. Kalo mo tanya prepiuwna mana liat aja yak di blog ane.. Tyuz buat yang udah ngerti scriptna jangan ketawa yak liat postingan ane..

langkah pertama :
silahkan login ke blog anda :)


langkah kedua :
silahkan copy n paste code di bawah ini di widget kamu yang berbasiskan javascript/html.. or kalo ga punya widgetnya masuk ke design page elements, klik add a gadget.. pilih yang html/javascript.. lalu copy n paste code dibawah


<script>
var type="a",rector=3,stopit=0,a=1;
function init(which){
stopit=0;shake=which;shake.style.left=0;shake.style.top=0;
}
function rattleimage(){
if((!document.all&&!document.getElementById)||stopit==1)return;
if(a==1)shake.style.top=parseInt(shake.style.top)+rector+"px";
else if(a==2)shake.style.left=parseInt(shake.style.left)+rector+"px";
else if(a==3)shake.style.top=parseInt(shake.style.top)-rector+"px";
else shake.style.left=parseInt(shake.style.left)-rector+"px";
if(a<4)a++;
else a=1;
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1;
which.style.left=0;
which.style.top=0
}
function shakeit(){
link=document.getElementsByTagName(type);
for(i=0;i<link.length;i++){
link[i].style.position="relative";
link[i].onmouseover=function(){init(this);rattleimage()};
link[i].onmouseout=function(){stoprattle(this);top.focus()}
}
}
if(window.addEventListener)window.addEventListener("load",shakeit,false);
else if(window.attachEvent)window.attachEvent("onload",shakeit);
else if(document.getElementById)window.onload=shakeit
</script>


tyuz klik simpan lalu lihat hasilnya :)

script tersebut juga bisa di masukin ke dalam web anda, dengan memasukkan script tersebut sesudah kode <head> dan sebelum </head>

source

0 comment: