首页 > 代码库 > 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;
};
}