使用jquery实现mouseover和mouseout失败 

<!DOCTYPE html>
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Hello, world!</title>
    <style type="text/css">
        body{
            margin: 0 auto;
            padding:0;
        }
        .bl{
            width: 100%;
            height: 48px;
            background-color: midnightblue;
            /*position:relative;*/
        }
        .tk{
            height: 48px;
            width:180px ;
            font-size:14px;
            float:left;
            line-height: 20px;
        }
        .pp{
            text-decoration:none;

        }

        a:visited {
         color: white; 
        }
        a:hover {
         color: hotpink; 
        }
        a:active {
         color: dodgerblue; 
        }

    </style>
  </head>
  <body>
    <div class="bl">
        <div class="tk">
            <h3 ><a href='http://www.baidu.com' class='pp' >百度眼红</a></h3>

        </div>
        <div class="tk">

            <h3 ><a href='http://www.baidu.com' class='pp' >百度眼红</a></h3>

        </div>
        <div class="tk">

            <h3 ><a href='http://www.baidu.com' class='pp' >百度眼红</a></h3>

        </div>

    </div>

    <script type="text/javascript" src="jquery-3.2.1.js"></script>



  </body>
</html>
posted @ 2018-01-17 10:15  hyolyn  阅读(415)  评论(0)  编辑  收藏  举报