1

asp.netのbtnクリックでdivのサイズをどのように増減できますか?

スタイルシート

<style>
div{
    width:50px; 
    height:70px; 
    float:left; 
    margin:5px; 
    background:rgb(255,140,0); 
}
</style>

Javascript:

<script src="_http://code.jquery.com/jquery-latest.js"></script>
<script>
$("div").one('click', function () {
    $(this).height(30);
});
</script>

マークアップ:

<body>
    <div></div>
</body>
4

3 に答える 3

0

HTML

<div id="div1"></div>
<input type="button" id="aAdd"  value="Increase" />
<input type="button" id="aDecrease"  value="Decrease" />

脚本

var currentHeight;
var measurement=100;

$(function(){    
    currentHeight=$("#div1").height();  
    $("#aAdd").click(function(){      
        currentHeight=parseInt(currentHeight)+measurement    
        $("#div1").height(currentHeight);
    });
     $("#aDecrease").click(function(){     
        currentHeight=parseInt(currentHeight)-measurement             
        $("#div1").height(currentHeight);
    });

});

これが実際のサンプルhttp://jsfiddle.net/pJWMh/14/です

于 2012-04-04T13:23:37.557 に答える
0 
$("div").click(function() { $(this).height(30); });

動作中の jsFiddle デモを見る

于 2012-04-04T13:13:46.467 に答える
-2

あなたが持っているすべての拳は、divのIDを与えています。以下のようにいくつかのhtmlを変更してボタンを配置しました。

<body>
<form id="form1" runat="server">
<div id="dvMain">
</div>

<input id="btn" onclick="javascript:changeDivSize();" type="button" value="Change Size" />

</form>

以下のようにjavascript関数changeDivSize()を呼び出します

function changeDivSize() {

        $("#dvMain").height(500);
    }

これがあなたを助けることを願っています...

于 2012-04-04T12:50:43.470 に答える