2015-11-04 71 views
-3

我正在使用记事本++的Jquery,除了脚本部分之外,所有东西都被执行了。我不知道它是浏览器问题还是记事本++问题或者我的程序问题。请帮助我。这是我的代码:我无法得到jQuery的输出..!请帮帮我..!

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8"> 
    <title>in-Quiz-itive</title> 

      <script> 
     $(document).ready(function() 
     { 

      $('div').mouseenter(function() 
       { 
        $('div').fadeTo('fast',1);  

       }); 
      $('div').mouseleave(function() 
       { 
        $('div').fadeTo('fast',0.5); 
       }); 
     }); 
      </script> 
      <style> 
      img{ 
      position:fixed; 
      width:100%; 
      top:0px; 
      left:0px; 
      } 
      div { 
      height: 60px; 
      width: 100px; 
      border-radius: 5px; 
      background-color: #69D2E7; 
      text-align: center; 
      font-family: Verdana, Arial, Sans-Serif; 
      opacity: 0.5; 
} 
      </style> 

    </head> 

    <body> 
      <img src="burra.jpg"> 
      <div> 
       <strong>Click Here</strong> 
      </div> 

    </body> 
</html> 
+2

你没有jQuery .. – Nick

+0

而且根本不需要JavaScript,因为CSS可以做那个动画 – epascarello

+0

请看[问]看看如何编写一个很好的问题,其中包括[mcve]。 –

回答

0

您没有在您的HTML代码中包含jQuery脚本。您可以轻松地做到这一点,包括之前的任何脚本的这个片段:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 

此处了解详情:https://developers.google.com/speed/libraries/

0

您需要包括jQuery的在头部分HTML文件

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
+0

这使用旧版本的jQuery。 – 2015-11-04 18:55:08