ねっとぱんだ-プログラミング勉強ブログ-

Webデザイン、プログラミングの勉強ブログ。

【jQuery】toggleをmigrateで有効にした画像置換


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
</head>
<body>
<p id="imgChange"><img src="../img/buta.jpg"></p>
<script>
$(function(){
$('#imgChange').toggle(function(){
$('img').attr('src','../img/same.jpg');
},function(){
$('img').attr('src','../img/umi.jpg');
},function(){
$('img').attr('src','../img/hana.jpg');
},function(){
$('img').attr('src','../img/buta.jpg');
});
});
</script>
</body>
</html>