小编Ken*_*ain的帖子

Jquery悬停不在html中工作

这是我的html页面:

 <!DOCTYPE html>
    <html>
     <head>
    <style>
      .navigation ul li {
          float: left;
          list-style: none;
          padding: 10px;
          margin-top: 10px;
      }
          .navigation ul li a {
             display: block;
             text-decoration: none;
             font-weight: bold;
          }         
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">  </script>
    <script>
     $(document).ready(function(){
       $(".navigation ul li a").hover(function(){
          $(this).animate({ color: 'blue'}, "slow");
       }, function() {
          $(this).animate({ color: 'red'}, "slow");
       });
         });
    </script>
    </head>
    <body>
        <div class="navigation">
       <ul>
            <li><a href="#">Specials</a></li>
            <li><a href="#">Fruits &amp; Veg</a></li>
            <li><a href="#">Food Products</a></li>
            <li><a href="#">Locate store</a></li>
            <li><a href="#">Fan Club</a></li>
        </ul>
    </div>
    </body>
    </html>

Run Code Online (Sandbox Code Playgroud)

我想在动画中悬停颜色变化,但它不起作用.同样, …

html javascript css jquery

Ken*_*ain

2014 05-20

-1
推荐指数

1
解决办法

87
查看次数