-1

「モニター」は、ページ（ウェブ）の一部にマウスを合わせるたびに拡大されたテキストを表示するボックスです。

「+」と「-」は、それぞれボックスサイズを拡大および縮小するのに役立つ2つのボタンです。

ボックス内のテキストがボックスをオーバーフローし、コードが非効率に見える場合に問題が発生します。プラスボタンでボックスのサイズ（テキストサイズ）を大きくするためのサンプルを次に示します。簡単に言うと、このボックスに制限を設けて、サイズがしきい値と最大値になるようにします。

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

1 に答える 1

0

@Raminsonによって与えられた他の答えの論理は好きではありません。「フォントのサイズが40px未満の場合は、サイズを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');
}

アニメーションのように見えます

于 2012-07-13T17:55:03.360 に答える