如何使对象停留在:hover状态？
jquery吧
全部回复
仅看楼主
level 7
拱白菜的山猪_ 楼主
鼠标移入DIV1之后，DIV1变色，鼠标然后退出，DIV1依然保持变色状态，DIV2变色状态取消。
鼠标移入DIV2之后，DIV2变色，鼠标然后退出，DIV2依然保持变色状态，DIV1变色状态取消。
2016年03月27日 09点03分 1
level 7
拱白菜的山猪_ 楼主
2016年03月27日 09点03分 2
level 1
臧大敏
你当我是个风筝，要不把我放了，要不然收好带回家，别用一条看不见的情思拴着我，让我心伤。
2016年03月27日 09点03分 3
level 7
拱白菜的山猪_ 楼主
2016年03月27日 09点03分 4
level 7
拱白菜的山猪_ 楼主
请帮帮忙
2016年03月27日 09点03分 5
level 7
拱白菜的山猪_ 楼主
顶啊
2016年03月27日 11点03分 6
level 2
小我朋友
after
2016年03月27日 21点03分 8
拱白菜的山猪_
请高手教我
2016年03月27日 23点03分
level 8
hashak☞
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style type="text/css">
#div1{ width: 100px; height: 100px; background: blue;}
#div2{ width: 100px; height: 100px; background: green;}
</style>
<body>
<div id="div1"></div>
<div id="div2"></div>
<script type="text/javascript">
var oDiv1=document.getElementById("div1");
var oDiv2=document.getElementById("div2");
oDiv1.onmouseover=function(){
oDiv1.style.background="orange";
oDiv2.style.background="green";
}
oDiv2.onmouseover=function(){
oDiv1.style.background="blue";
oDiv2.style.background="yellow";
}
</script>
</body>
</html>
2016年03月28日 03点03分 9
拱白菜的山猪_
mouseout没有写。鼠标离开div1后，保持hover状态。不过又有点眉目了
2016年03月28日 03点03分
hashak☞
mouseout写了多此一举
2016年03月28日 03点03分
拱白菜的山猪_
回复 紫眸星光 ：嗯。我现在是在div里有背景图片.hover之后执行background-position，鼠标离开之后position不变，hover到div2后，清除掉div1的position，执行div2的position
2016年03月28日 04点03分
1