1

jQuery .css プロパティで時間を設定する方法を理解できませんでし た。一定時間後に jQuery change CSS
で私の質問に最も近い答えが 1 つ見つかりまし た。

これが私のコードです:

<script>
    $(document).ready(function(){
        $("#homebutton,#title").click(function(){
            $("#title").css("font-size", "100%");  
            setTimeout(function(){ $("#title").css("font-size", "100%"); },2000)
        });
    });
</script>

何が悪いのかわかりません。
上記の解決策は私にはうまくいかないようです。

よろしくお願いします

- - - - - - - - - - - - - - - - - - - - -編集 - - - - --------------------------------------

返信ありがとうございます。再説明したいことがいくつかあります。

  1. CSS で最初に font-size を 150% に設定しました。つまり、jQuery を介して font-size を 100% に変更することを期待していました。
  2. コードを読み違えてしまったようで、設定したかったのはタイマーではなく、徐々に減っていく時間です

基本的にjquery with transitionを使ってフォントサイズを変更したいのですが、急な変更ではありません

4

3 に答える 3

4

問題は、最初にfont-size: 100%すぐに設定し、2秒後に同じ値に再度設定することです。つまり、CSSを変更していません。

クリックしたときにcss値を設定し、2秒後に別の値に設定するには、への呼び出しごとに異なる値を使用します.css()。たとえば、最初にフォントサイズを半分に減らし、2秒後に通常のサイズに戻すには:

$(document).ready(function(){
    $("#homebutton,#title").click(function(){
        $("#title").css("font-size", "50%");
        setTimeout(function(){ $("#title").css("font-size", "100%"); },2000);
    });
});

編集:フォントサイズを徐々に小さくするには、次を使用します.animate()

$(document).ready(function(){
    $("#homebutton,#title").click(function(){
        $("#title").animate({ "font-size": "50%" }, 2000);
    });
});

デモ: jsfiddle.net/Y6CrG/

于 2013-01-09T21:46:52.227 に答える
0

2 秒のタイムアウト後にフォント サイズを変更します。例えば:

$("#title").click(function(){
  $("#title").css("font-size", "100%");  
  setTimeout(function(){ $("#title").css("font-size", "80%"); },2000)                               
});

次のjsfiddleで試してみましたが、うまくいきました。http://jsfiddle.net/kianoshp/z9QeY/

于 2013-01-09T21:57:15.603 に答える