プログラミング奮闘記録

プラグラマーへ奮闘。PHP・Cakephp・JavaScript・isoアプリのコード勉強ブログです。その他の言語やツールなども使用します。

クリックの度画像切り替え

メモです。

 

またまたメモ。

 

残しておかないとブックマークがわやくちゃになる。。。www

 

JS
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/btn_action.js" type="text/javascript"></script>

 

 

JS

$(function(){
var img_name = "images/top/top.png";
var img_name_over = "images/top/top.png";

$("#btn01").toggle(function(){
$("#btn01").attr("src", img_name_over);
},function(){
$("#btn01").attr("src", img_name);
});

});

 

HTML

<img src="images/top/top.png" id="btn01">