首页 > 代码库 > jQuery事件 mouseover方法与mouseout方法实现鼠标移进显示移出消失的效果 (css控制span标签)

jQuery事件 mouseover方法与mouseout方法实现鼠标移进显示移出消失的效果 (css控制span标签)

<script>
  $(function(){
    var text ;
  $(".pos span").each(function(){
    text = $(this).text().trim();
  if(text=="设为默认"){
    $(this).css(‘display‘,‘none‘);
    }
  });

  $(".pos").mouseover(function(){  //鼠标移进显示效果
    text = $(this).find(‘span‘).text().trim();
  if(text=="设为默认"){
   $(this).find(‘span‘).css(‘display‘,‘‘);
   }
  }).mouseout(function(){   //鼠标移出消失效果
    text = $(this).find(‘span‘).text().trim();
  if(text=="设为默认"){
    $(this).find(‘span‘).css(‘display‘,‘none‘);
    }
  });
});

function deform(obj){
  var id = obj.id
  var text = $("#"+id).text().trim();
  if(text==‘设为默认‘){
    //获取数据id
    var addressId = id.replace(/[^0-9]/ig,"");  //匹配获取id
    $.post(‘/UserCenter/setAddress‘,
  {
    id:addressId
  },function(data,textStatus){
    $(".pos[id!="+id+"]").find(‘span‘).text("设为默认").css(‘display‘,‘none‘);
    $("#"+id).find(‘span‘).text("默认地址");
    });
  }
}

<td width="140"  class="pos" onclick="deform(this)" id=‘def_<?php echo $val[‘id‘]?>‘><span style="cursor:pointer"><?php echo $val[‘default_a‘] == 1 ?"默认地址":"设为默认"?></span></td>

</script>

 

//处理默认地址
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;
  };
}