<style>
.btFeed{ background-image: url("../images/default_btn.jpg"); width: 58px; height: 23px; border-style:none; } .btFeedhover{ background-image: url("../images/changed_btn.jpg"); width: 58px; height: 23px; border-style:none; }
</style>
<div class="Mp_btns"> <input type="button" value="确 定 " id="change"/> <input type="button" value="取 消" id="cancel"/> </div> <script> $(document).ready(function(){ //按钮背景切换 $("#change").hover( function(){ $(this).removeClass("btFeed").addClass("btFeedhover"); }, function(){ $(this).removeClass("btFeedhover").addClass("btFeed"); } ); $("#cancel").hover( function(){ $(this).removeClass("btFeed").addClass("btFeedhover"); }, function(){ $(this).removeClass("btFeedhover").addClass("btFeed"); } ); }); </script>?