效果:点击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"}));
}
})
})
评论