Html Kodları Arşivi: NESNE TAŞI-BÜYÜLT-KÜÇÜLT

<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>
 
 <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()> 
 <IMG SRC="image1.gif" _fcksavedurl="image1.gif" NAME="HAR1" class="drag">
 <IMG SRC="image2.gif" _fcksavedurl="image2.gif" NAME="HAR2" class="drag"> 
 </FORM>
 </BODY>
 </HTML>

Html Kodları Arşivi

8 Mayıs 2010 Cumartesi

NESNE TAŞI-BÜYÜLT-KÜÇÜLT

Hiç yorum yok:

Yorum Gönder

İzleyiciler

Blog Arşivi