jquery中有2个对应的事件,那就是mouseover与mouseout。mouseover就是移动到元素触发的事件,mouseout就是离开元素触发事件。
示例:
当鼠标从元素上移开时,改变元素的背景色:
jQuery 代码:
$("div").mouseout(function(){
$("div").css("background-color","#E9E9E4");
});
$("div").mouseover(function(){
$("div").css("background-color","yellow");
});
如div的 id 为 oDiv
jquery用 mouseover 事件判断鼠标移入,
用 mouseout 判断鼠标移出
鼠标移入:
$("#oDiv").mouseover(function(){
//此处写鼠标移入处理程序,如:
alert("鼠标移入");
});
鼠标移出:
$("#oDiv").mouseout(function(){
//此处写鼠标移出处理程序,如:
alert("鼠标移出");
});
如楼主所想移入 div id=“a1”变透明度 30%, 移出恢复,可写为
事件用的不对
jquery对这类事件情况做了封装
用 mouseleave 试试
$("#div").hover{
function(){}
});
通过对目标div的hover属性来判断,里面的功能就是只有在当前div的时候,才起作用,否则不激活。