您的位置:首页 > Web前端 > JQuery

jQuery事件 鼠标移动效果 onmouseover方法与onmouseout方法

2014-07-08 14:53 423 查看
function deform(obj){

   var id = obj.id
   var text = $("#"+id).text().trim();
  if(text=='设为默认'){
    //获取数据id
    var addressId = id.replace(/[^0-9]/ig,"");
  $.post('/UserCenter/setAddress',{id:addressId},function(data,textStatus){
    $(".pos[id!="+id+"]").text("设为默认");
    $("#"+id).text("默认地址").unbind();
  });
}
  $("#updateform").submit();
}

鼠标移动效果:

function fadeOut_ele(obj){
  //当鼠标移动出去
    var id = $("#addressShow").val();
    $(".pos:not(#"+id+")").text('');
  }
function fadeIn_ele(obj){

    当鼠标移动进来
    var id = $("#addressShow").val();
   if(obj.id != id ){
    $("#"+obj.id).text("默认地址");
  }
}

<td width="140" class="pos" onclick="deform(this)" id='def_<?php echo $val['id']?>' onmouseover='fadeIn_ele(this)' onmouseout='fadeOut_ele(this)'>

<?php echo $val['default_a'] == 1 ?"默认地址<input type ='hidden' id = 'addressShow' value= 'def_".$val["id"]."'>":""?></td>

//后台处理
public function setAddressAction()
{
  if(isset($_SERVER["HTTP_X_REQUESTED_WITH"]) && strtolower($_SERVER["HTTP_X_REQUESTED_WITH"])=="xmlhttprequest"){ // ajax 请求的处理方式
    $id = $_POST['id'];
    $model = $this->model('Address');
    $sql = "update address set default_a = 0 where default_a = 1";
    $model->execute($sql);
    $sql = "update address set default_a = 1 where id=".$id;
    $model->execute($sql);
    echo "success";
  }else{ // 正常请求的处理方式
    header("HTTP/1.1 404 Not Found");exit;
   };
}

var default_a = $(':radio[name="default_a"]:checked').val();  // jquery name选择器

<li>设为默认地址   <input type="radio" name="default_a" id="be" value = "1" >是  <input type="radio" name="default_a" id="no" value="0" checked>否</li>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: