您好，帮忙看一下下面这个关于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});