<body>
<div id="box">box
<input type="button" id="btn" value="chang color!">
</div>
</body><style>
body {
font-family: '微軟正黑體'; font-size: 11pt;
}
div {
float: left; height: 150px; border: 1px solid #000;
}
#box {
height: 250px; width: 250px;
}
.highlight {
background-color: #FF6;
}
</style>
//開關CSS顏色樣式
$(document).ready(function(){
$('#btn').click(function(){
$('#box').toggleClass('highlight');
});
});
External CSS
This Pen doesn't use any external CSS resources.