JQuery运行不了(2)

最新推荐文章于 2021-10-29 00:49:31 发布

sgp4205

最新推荐文章于 2021-10-29 00:49:31 发布

阅读量95

点赞数

分类专栏： jQuery 文章标签： javascript ViewUI

jQuery 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

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

<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久没找出来；人都要崩溃了；

总结：太粗心了哎