[برای ۱.۸] [کد] لرزش عکس

[HOssE!N-B]

سلام دوستان با استفاده از این کد میتوانید یک عکس را در جای خاصی به لرزش دربیاورید مثلا من عکسی را در پروفایلی کاربران در قالب member_profile گذاشته ام که اگر کاربری موس را ببرد بالای آن عکس به لرزش در میاد
کد زیر را هرجایی که دوست دارید یک عکس با لرزش قرار بدین کپی کنین

کد php:

<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">

/*
Shake image script (onMouseover)- 
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

//configure shake degree (where larger # equals greater shake)
var rector=3

///////DONE EDITTING///////////
var stopit=0 
var 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
}

</script>
<img src="http://localhost/images/logo.gif"class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"> 


میتونید عکس دلخواه را در خط آخر http://localhost/images/logo.gif جایگزین کنید
وبرای نمایش هر عکس که میخواهید این حالت را به خود بگیرد باید بعد از src این کد را بگذارید.

کد php:

class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" 


منبع:سایت dynamicdrive و وی بی ایران

[HOssE!N-B]

آموزش بالا در 1.8 تست و بدون مشکل عمل کرد ! 

// به بخشِ آموزش های 1.8 انتقال یافت //