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>
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>
相关文章推荐
- jQuery事件 mouseover方法与mouseout方法实现鼠标移进显示移出消失的效果 (css控制span标签)
- WPF 鼠标移动到图片变大,移开还原,单击触发事件效果
- javascript 事件处理、鼠标拖动效果实现方法详解
- JQuery实现鼠标移动到图片边框效果
- javascript实现图片跟随鼠标移动效果的方法
- 基于jQuery创建鼠标悬停效果的方法
- 黄聪:JQuery鼠标放上后链接平滑移动效果-WordPress插件
- JQuery实现鼠标移动到图片上显示边框效果
- jQuery操作表格背景色迭代和鼠标移动事件(CSS中使用expression)
- JQuery实现鼠标移动到图片上显示边框效果
- jquery实现鼠标拖拽滑动效果来选择数字的方法
- jQuery实现网易相册鼠标移动显示隐藏效果
- jquery鼠标停止移动事件
- 使用ItemCreated事件和onmouseover两种方式 实现Repeater鼠标滑动效果
- js控制鼠标事件移动及移出效果显示
- jquery鼠标停止移动事件
- 两种方法使用jquery实现左右移动效果(包含each遍历方式)
- mfc下鼠标拖动画面使视图移动的实现方法,类似浏览PDF时用手型鼠标移动视图的效果
- javascript 事件处理、鼠标拖动效果实现方法详解
- jquery实现鼠标拖拽滑动效果来选择数字的方法