Anasayfa
tarafından - Kod:
<HTML>
<HEAD>
<TITLE>Nesneleri, büyültme, küçültme, taşıma</TITLE>
</HEAD>
<BODY bgcolor="#0000f8">
<style>
.drag{position:relative;cursor:hand}
</style>
<script>
var dragdurumu=false
var z,x,y
var SONHAR=""
function BUYUK(){
if (SONHAR=="") {alert("Büyültülecek nesneyi seçiniz...!")}
if (SONHAR=="HAR1") {HAR.HAR1.width=HAR.HAR1.width+(HAR.HAR1.width*10/100)}
if (SONHAR=="HAR2") {HAR.HAR2.width=HAR.HAR2.width+(HAR.HAR2.width*10/100)}
}
function KUCUK(){
if (SONHAR=="") {alert("Küçültülecek nesneyi seçiniz...!")}
if (SONHAR=="HAR1") {HAR.HAR1.width=HAR.HAR1.width-(HAR.HAR1.width*10/100)}
if (SONHAR=="HAR2") {HAR.HAR2.width=HAR.HAR2.width-(HAR.HAR2.width*10/100)}
}
function move(){
if (event.button==1&&dragdurumu){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
Return
if (event.srcElement.className=="drag"){
dragdurumu=true
if (event.srcElement.name=="HAR1") {SONHAR=event.srcElement.name}
if (event.srcElement.name=="HAR2") {SONHAR=event.srcElement.name}
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragdurumu=false")
</script>
<font color="#ffff00"><b>
<FORM NAME="HAR">
<INPUT NAME="BUYUKB" TYPE="BUTTON" VALUE="Büyük" class="drag" onclick=BUYUK()>
Mouse yardımıyla nesnelerin yerini değiştirebilirsiniz.
<INPUT NAME="KUCUKB" TYPE="BUTTON" VALUE="Küçük" class="drag" onclick=KUCUK()><BR>
<IMG SRC="image1.gif" _fcksavedurl="image1.gif" NAME="HAR1" class="drag">
<IMG SRC="image2.gif" _fcksavedurl="image2.gif" NAME="HAR2" class="drag"><BR>
</FORM>
</BODY>
</HTML>
NESNE TAŞI-BÜYÜLT-KÜÇÜLT
VaLKyRie- Admin
Mesaj Sayısı : 1284 Ruh HaLi : 
Zodyak : 
Kayıt tarihi : 04/02/10 Nerden : Tekirdağ Yaş : 28
Similar topics
