我想寫一個代碼放大和縮小所有的身體,現在我發現了一個代碼,這樣做,但與一個新的點擊進出按鈕。 什麼,我需要的是繼續保持對在按鈕,直到我離開鼠標鍵,同爲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" />
ü可以編輯自動放大我的代碼或告訴我一些步驟,請做到這一點?
你想要的事件是「mousedown」和「mouseup」而不是「點擊」 – Ibu