您好，帮忙看一下下面这个关于jquery click点击事件的问题！

Question

$("#start").live("mouseover",function(){$(this).attr("style","background-image:url(images/start.jpg)");changepic();//播放resetStart();});$("#start").live("mouseout",function(){$(this).attr("style","background-image:url(images/stop.jpg)");clearInterval(t); //暂停resetStart();});现在是鼠标移动到图标到就播放，移开就暂停，如何用click点击一下就播放，再点击一下就暂停啊

Answer 1

$("#start").click(function(){
if(//判断状态，是否是正在播放，可以看用某些标记的样式之类的来区分，或者自定义一些flag来区分){
$(this).attr("style","background-image:url(images/start.jpg)");
changepic();//播放
resetStart();
//flag

} else{
$(this).attr("style","background-image:url(images/stop.jpg)");
clearInterval(t); //暂停
resetStart();
//flag

}

});

这样就可以实现点击一下就播放，再点击一下就暂停啊

Answer 2

定义全局变量tag=0;

$("#start").live("click",function(){
if(tag==0)
{
$(this).attr("style","background-image:url(images/start.jpg)");
changepic();//播放
resetStart();
}
else
{
$(this).attr("style","background-image:url(images/stop.jpg)");
clearInterval(t); //暂停
resetStart();
}
tag=(tag+1)%2
});