将鼠标放在div上时div的背景颜色发生改变,把鼠标移走div之后,div的背景颜色回复原来的颜色。
效果图演示
没有将鼠标放在div上时(lanse)
将鼠标放在div上之后(变为红色)
下面看代码
由于代码较短,要认真观看了解呦。
<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title></title><script src="jquery.js"></script><style>.blue{height: 50px;width: 200px;background-color: blue;}.red{height: 50px;width: 200px;background-color: red;}</style>
</head>
<body>
<div class="blue"></div>
</body>
<script>$(function(){$("div").hover(function(){$(this).addClass("red");},function(){$(this).removeClass("red");})})
</script>
</html>
利用上述代码已经可以实现鼠标放上背景色的改变了
快去试试吧!!!