- Back to Home »
- Telefon üzerinde açılır kapanır menü - jquery
Posted by :
Kadir ARLI
23 Eylül 2013 Pazartesi
Telefondaki parmak mouse olduğuna göre, o parmağın yönünü bulursak, facebook ve twitter gibi programların açılır kapanır menüsünü yapabilir. Başlangıç için bu kodu paylaşıyorum. Sakın uzun gelmesin, hemen kopyalayıp deneyin.
<script>var ilkX;var sonX;var ilkY;var sonY;var control = 0;var sag = 0;var sol = 0;$( "body" ).mousemove(function( event ) {if(control == 0){ilkX = event.pageX;ilkY = event.pageY;control = 1;}else{sonX = event.pageX;sonY = event.pageY;$("#x").val(sonX);$("#y").val(sonY);/*1. bölge*/if((sonX > ilkX)&&(Math.abs(sonX - ilkX) > Math.abs(sonY - ilkY))){$("#direction").val("sağ");sag++;sol = 0if(sag == 5){alert("Bildirimler Kapanır.");}}else if((sonX < ilkX)&&(Math.abs(sonX - ilkX) > Math.abs(sonY - ilkY))){$("#direction").val("sol");sol++;sag = 0;if(sol == 5){alert("Bildirimler Açılır.");}}else if((sonY > ilkY)&&(Math.abs(sonX - ilkX) < Math.abs(sonY - ilkY))){$("#direction").val("aşağı");}else if((sonY < ilkY)&&(Math.abs(sonX - ilkX) < Math.abs(sonY - ilkY))){$("#direction").val("yukarı");}control = 0;}});</script>
Yorum Gönder