哪里有问题

来源:2-7 jQuery鼠标事件之hover事件

清水流

2017-04-17 14:09

<!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>触发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>
这个效果怎么鼠标放上去变颜色,移开鼠标颜色不变回去呢,哪里有问题了
写回答 关注

2回答

  • qq_丶岁月流逝丨_0
    2017-04-17 14:33:50
    已采纳

    你的.hover(function1,function2)第二个方法都的颜色需要加#  因为是RGB格式 没加#识别不了  所以不会变颜色


    清水流

    非常感谢!我明白了

    2017-04-17 14:55:27

    共 1 条回复 >

  • qq_丶岁月流逝丨_0
    2017-04-17 14:33:56

    你的.hover(function1,function2)第二个方法都的颜色需要加#  因为是RGB格式 没加#识别不了  所以不会变颜色


jQuery基础(三)—事件篇

jQuery第三阶段开启事件修炼,掌握对页面进行交互的操作

89989 学习 · 625 问题

查看课程

相似问题