千年绿叶

效果：点击a.jpg就转换成b.jpg，再点击则变回来。

JQuery代码如下：

$(function(){
    
    $("img").click(function(){
     if($(this).attr("src")=="down.gif"){
      $(this).attr({src:"up.gif"});
      }    
     else{
      $(this).attr({src:"down.gif"});
      }
        })
     })

情况二：还是以上的效果，想点击div就能翻转图片，HTML代码如下，<div id="toggle"><img id="img" src="banner.jpg"  /></div>

注意JQuery中的写法：

$(function(){
    
    $("#toggle").click(function(){
     if($("#toggle img").attr("src")=="images/expand.gif"){
      $("#toggle img").attr({src:"images/contraction.gif"});
      }    
     else{
     if($("#toggle img").attr({src:"images/expand.gif"}));
      }
        })
     })