JQuery运行不了(2)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>index6.html</title>
 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

 <!-- hover()opacity  实现 阴影效果 与animate 结合使用   -->
 <script src="http://code.jquery.com/jquery-latest.js"></script>
 <script type="text/javascript">
  $(function(){
      $('#contaiter img').animate({
         "opacity":.5
      });
     
     
      $('#contaiter img').hover(
      function(){$(this).stop().animate({"opacity",1});),
      function(){$(this).stop().animate({"opacity",.5});
      });
  
  });
 
 </script>
 
  </head>
 
  <body>
    <div id="contaiter">
     <img src="1.jpg" alt="image" />
     <img src="2.jpg" alt="image" />
    </div>
  </body>
</html>

以上代码运行没效果,谁帮我看看hover方法是否有写...

终于找到问题所在的,还是粗心呀

   $('#contaiter img').hover(
      function(){$(this).stop().animate({"opacity",1});),
      function(){$(this).stop().animate({"opacity",.5});
      });

这部分的    function(){$(this).stop().animate({"opacity",1});), 中最后一个字符写错

应该是} 而不是)

视频:http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-video-series/

通过视频,编写jquery代码,没有达到效果。原因很简单,老是有些地方写错了,最后找了N久没找出来;人都要崩溃了;

总结:太粗心了 哎

相关推荐