使用jquery实现mouseover和mouseout失败

最新推荐文章于 2022-01-12 17:14:30 发布

weixin_30650859

最新推荐文章于 2022-01-12 17:14:30 发布

阅读量296

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hyolyn/p/8301352.html

版权

<!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>