<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>無標題文檔</title>
<script?src="js/jquery-1.js"></script>
<style?type="text/css">
.left?div,?.right?div?{
????width:?350px;
????height:?150px;
????padding:?5px;
????margin:?5px;
????border:?1px?solid?#ccc;
}
p?{
????height:?50px;
????border:?1px?solid?red;
????margin:?30px;
}
.left?div?{
????background:?#bbffaa;
}
</style>
</head>
<body>
<h2>.hover()方法</h2>
<div?class="left">
????<div?class="aaron1">
????????<p>觸發(fā)hover事件</p>
????</div>
</div>
<script?type="text/javascript">
//?hover()方法是同時綁定?mouseenter和?mouseleave事件。
//?我們可以用它來簡單地應用在?鼠標在元素上行為
$("p").hover(
????function(){
????????$(this).css("background",'red');
????},
????function(){
????????$(this).css("background",'bbffaa');
????}
)
</script>
</body>
</html>這個效果怎么鼠標放上去變顏色，移開鼠標顏色不變回去呢，哪里有問題了
2017-04-17
你的.hover(function1,function2)第二個方法都的顏色需要加# ?因為是RGB格式 沒加#識別不了 ?所以不會變顏色
2017-04-17
你的.hover(function1,function2)第二個方法都的顏色需要加# ?因為是RGB格式 沒加#識別不了 ?所以不會變顏色