3

こんにちは私はボタンをクリックすることでスムーズな移行で2秒でHTMLテーブルの高さを690から400に変更したいと思います。純粋なCSSでこれを行う方法はありますか？これが私の例です：

<html>
<head>
<title>Test</title>
</head>
<body>
<table>
<tr>
<td>
<button type="button">Click Me!</button>
</td>
</tr>
<tr>
<td height="690" width="1280> <--- This cell needs it height to change to 400px when the button is clicked.
Cell 1
</td>
</tr>
</table>
</body>
</html>
4

3 に答える 3

4

を純粋に使用することはできませんがCSS、次の方法で簡単に実行できますjQuery。

// Use a more specific selector by ID or class
$('button').click(function (event) {
    $(this).closest('tr').next().children('td:first').animate({height: 400}, 2000);
});
于 2013-02-15T12:32:58.793 に答える
1

Javascript を使用する必要があります。使用するfunction click() { document.getElementById('id').setProperty('style', 'height:100px;'); }

ボタンにはこれを使用します-<button onclick="click();">BUTTON</button>

于 2013-02-15T12:32:52.163 に答える
0

ボタン（clickbut）にIDを指定し、テーブル（tableheight）にjqueryを使用します

$(document).ready(function(){
  $("#clickbut").click(function(){
    $("#tableheight").css('height','somevalue eg:300px');
  });
});
于 2013-02-15T12:36:14.277 に答える