2014-01-07 52 views
0

我想寫一個代碼放大和縮小所有的身體,現在我發現了一個代碼,這樣做,但與一個新的點擊進出按鈕。 什麼,我需要的是繼續保持對在按鈕,直到我離開鼠標鍵,同爲Out按鈕... 這裏是我的JavaScript和HTML代碼放大jquery拿着鼠標

<script> 
window.onload = function() { 
var currFFZoom = 1; 
var currIEZoom = 100; 

$('#In').on('click',function(){ 
    if (navigator.userAgent.indexOf('Firefox') != -1 && parseFloat(navigator.userAgent.substring(navigator.userAgent.indexOf('Firefox') + 8)) >= 3.6){//Firefox 
     var step = 0.02; 
     currFFZoom += step; 
     $('body').css('MozTransform','scale(' + currFFZoom + ')'); 
    } else { 
     var step = 2; 
     currIEZoom += step; 
     $('body').css('zoom', ' ' + currIEZoom + '%'); 
    } 
}); 

$('#Out').on('click',function(){ 
    if (navigator.userAgent.indexOf('Firefox') != -1 && parseFloat(navigator.userAgent.substring(navigator.userAgent.indexOf('Firefox') + 8)) >= 3.6){//Firefox 
     var step = 0.02; 
     currFFZoom -= step;     
     $('body').css('MozTransform','scale(' + currFFZoom + ')'); 

    } else { 
     var step = 2; 
     currIEZoom -= step; 
     $('body').css('zoom', ' ' + currIEZoom + '%'); 
    } 
});}; 
</script> 
<img src="images/zoomin.png" style="cursor:pointer;" id="In" width="50" height="50" border="0" alt="zoom in" title="zoom in" /></br> 
    <img src="images/zoomout.png" style="cursor:pointer;" id="Out" width="50" height="50" border="0" alt="zoom out" title="zoom out" /> 

ü可以編輯自動放大我的代碼或告訴我一些步驟,請做到這一點?

+0

你想要的事件是「mousedown」和「mouseup」而不是「點擊」 – Ibu

回答

1

這應該dooing它:

,如果我得到你糾正你要始終放大,所以我用document`s身體作爲選擇

<script> 
window.onload = function() { 
    var currFFZoom = 1; 
    var currIEZoom = 100; 
    var k; 
    $(document).on('mousedown','body',function(){ 
     k= setInterval(function(){ 
      if (navigator.userAgent.indexOf('Firefox') != -1 && parseFloat(navigator.userAgent.substring(navigator.userAgent.indexOf('Firefox') + 8)) >= 3.6){//Firefox 
       var step = 0.02; 
       currFFZoom += step; 
       $('body').css('MozTransform','scale(' + currFFZoom + ')'); 
      } else { 
       var step = 2; 
       currIEZoom += step; 
       $('body').css('zoom', ' ' + currIEZoom + '%'); 
      }   
     },200); 

    }); 

    $(document).on('mouseup','body',function(){ 
     clearInterval(k); 
    }); 
}; 
</script> 

鼠標鬆開將被解僱權當你釋放鼠標按鈕 但你不能縮小。

+0

我無法成功將它放入我的代碼中...可以這樣做嗎? –

+0

這裏你去,並mousedown tehres間隔zzoom直到你釋放鼠標按鈕 –