держи скрипт:
$(document).ready(function(){
$("#but1").attr("disabled", true);
$("#but2").attr("disabled", false);
$("#but3").attr("disabled", false);
$("#but1").mouseenter(function(){
var a = $(this).attr("disabled");
if(!a){
$(this).attr("disabled",true);
$("#but2").attr("disabled",true);
$("#but3").attr("disabled",true);
$("#div1 img").attr("src","1.jpg");
$("#div1").stop().show("bounce", { times: 1 }, 1000);
setTimeout(function() {
$("#but2").attr("disabled",false);
$("#but3").attr("disabled",false);
}, 1000);
}
});
$("#but2").mouseenter(function(){
var a = $(this).attr("disabled");
if(!a){
$(this).attr("disabled",true);
$("#but1").attr("disabled",true);
$("#but3").attr("disabled",true);
$("#div1 img").attr("src","2.jpg");
$("#div1").stop().show("bounce", { times: 1 }, 1000);
setTimeout(function() {
$("#but1").attr("disabled",false);
$("#but3").attr("disabled",false);
}, 1000);
}
});
$("#but3").mouseenter(function(){
var a = $(this).attr("disabled");
if(!a){
$(this).attr("disabled",true);
$("#but1").attr("disabled",true);
$("#but2").attr("disabled",true);
$("#div1 img").attr("src","3.jpg");
$("#div1").stop().show("bounce", { times: 1 }, 1000);
setTimeout(function() {
$("#but1").attr("disabled",false);
$("#but2").attr("disabled",false);
}, 1000);
}
});
});
и таблицу:
<table align="center">
<tr>
<td>
<input id="but1" type="button" value="k1" /><br>
<input id="but2" type="button" value="k2" /><br>
<input id="but3" type="button" value="k3" /><br>
</td>
<td>
<div id="div1" class="conteiner"><img src="1.jpg" height="250px" width="150px"></div>
</td>
</tr>
</table>