我试图用按钮切换div的宽度。单击按钮更改元素CSS样式
期望的效果是单击“大”使div宽度达到100%,按钮读取“Small”将div降低到50%。
HTML
<div class="block">
block 50%
</div>
<button>Big</button>
CSS
.block {
background: green;
width: 50%;
height: 300px;
float: left;
display: block;
color: white;
}
button {
clear: both;
float: left;
margin-top: 30px;
}
您遇到什么麻烦? –
我没有看到任何jQuery代码,所以我建议你看看这个http://learn.jquery.com/using-jquery-core/css-styling-dimensions/ –
我试图切换绿色div的样式通过点击'Big'按钮 – Rob