0

さて、私は小さなサウンドボードプロジェクトに取り組んでおり、ウェブサイトをよりダイナミックにするために何かを追加しました

増加/減少をクリックすると、ボタンのテキスト サイズが増加/減少します。残念ながら、テーブルのサイズ変更とボタンのサイズ変更が含まれていない限り、役に立ちません。

実際のコードは次のとおりです。http://serverbc.ucoz.com/main.html
ボタンを表示するには、 ページの下部までスクロールしてください。

うまく機能させるには何を追加する必要がありますか？

ところで！これが私がテキストを作成した方法のコードです：

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">       
    </script>
    <div id="box1">
    <font color=white>rrrr</font>
    </div>

    <script type="text/javascript">
    $(document).ready(function(){
     $(".increaseFont,.decreaseFont").click(function(){
     var type=  $(this).val();
      var curFontSize = $('#box1').css('font-size');
      if(type=='increase'){
       $('#box1').css('font-size', parseInt(curFontSize)+1);
       }
     else{
       $('#box1').css('font-size', parseInt(curFontSize)-1);
      }
        });
    });
    </script>


    <div><input type="button" value="increase" class="increaseFont"></input></div>
    <div><input type="button" value="decrease" class="decreaseFont"></input></div>
4

1 に答える 1

0

ボタン クラスに固定幅を使用していますButton。固定幅では拡大しません。Buttonクラスから width プロパティを削除して試してください。

：これをチェックしてくださいhttp://jsfiddle.net/akhilrs/qXHKn/

于 2013-05-19T02:27:33.753 に答える