2012-07-13 136 views
-1

「監視」是一個框,顯示放大文本每次鼠標在頁面的一部分(網絡)動畫HTML元素jQuery的

「+」和徘徊「 - 」有兩個按鈕,幫助我分別增加和減小框的大小。

問題出現在框中的文本溢出框並使我的代碼看起來效率低下。這是爲了使加號按鈕增加盒大小(文字大小) 在簡單的話,我只想把一些限制此框,使其尺寸變閾值和最大值

$('div.monitor').animate({ 'fontSize': '+=10pt' }, 'fast'); return false; break; 
+0

我不明白......你爲什麼不能通過降低累加數量做到這一點。動畫方法?你認爲門檻值是什麼意思? – Th0rndike 2012-07-13 17:40:35

+0

只是把一些最小值和最大值的框大小,以便它不能超出這些限制 – user1491704 2012-07-13 17:46:23

回答

0

我的樣本不喜歡@Raminson給出的其他答案的邏輯。它說「如果字體的大小小於40像素,然後增加10的大小」。然後,大小限制(盒子容器)可以是最大49px(如果初始條件是= 39px)。我會做這樣的事情:

while ($('div.monitor').css('font-size') != "40px") { 
    $('div.monitor').animate({ 'fontSize': '+=1px' }, 'fast'); 
} 

這樣,它在當時增加1,並達到所需的值= 40px。

你甚至可以這樣做:

while ($('div.monitor').css('font-size') != "40px") { 
    $('div.monitor').css('fontSize', '+=1px'); 
} 

,它看起來像一個動畫

+0

我使用一個switch語句,其中 如果一些按..> b c ...> d 使用switch語句So我無法使用,如果或同時等 – user1491704 2012-07-13 18:26:20

+0

這是什麼意思?以什麼方式使用switch語句不允許您在其中使用while循環? – Th0rndike 2012-07-13 18:30:22

+0

我用這樣 $( 'HTML')的keydown(功能(事件){ 變種requestedAction = NULL; 開關(event.keyCode){ /* + * /殼體107: while($('div.monitor').css('font-size')!=「40px」){('div.monitor').css('fontSize','+ = 5px'); } return false; break; 我是否正確? – user1491704 2012-07-13 18:35:19