jQuery和PHP打造功能开关效果

;position:absolute; right:6px; top:16px}   .fun_title span.ad_on{background-position:0 -2px}   .fun_title span.ad_off{background-position:0 -38px}   .fun_title h3{font-size:14px; font-family:''microsoft yahei'';}   .list p{line-height:20px}   .list p span{color:#f60}   .cur_select{background:#ffc}   CSS代码，我不想详述，提示下我们使用了一张图片，然后通过background-position来定位图片的位置，这是大多数网站使用的方法，好处咱就不说了。jQuery我们通过单击开关按钮，及时请求后台，改变对应的功能开关状态。这个过程是一个典型的Ajax应用。通过点击开关按钮，前端向后台PHP发送post请求，后台接收请求，并查询数据库，并将结果返回给前端，前端jQuery根据后台返回的结果，改变按钮状态。$(function(){       //鼠标滑向换色       $(".list").hover(function(){           $(this).addClass("cur_select");       },function(){           $(this).removeClass("cur_select");       });              //关闭       $(".ad_on").live("click",function(){           var add_on = $(this);           var status_id = $(this).attr("rel");           $.post("action.php",{status:status_id,type:1},function(data){               if(data==1){                   add_on.removeClass("ad_on").addClass("ad_off").attr("title","点击开启");               }else{                   alert(data);               }           });       });       //开启       $(".ad_off").live("click",function(){           var add_off = $(this);           var status_id = $(this).attr("rel");           $.post("action.php",{status:status_id,type:2},function(data){alert(data);    &n