jquery淡入并不令人担忧

时间:2015-10-10 10:30:55

标签: jquery toggle fadein fade fadeto

当我点击'a'时,我不能让'div'淡入淡出。

代码:

<!DOCTYPE html>
<html>
<head></head> 
 <body >
  <a>Click here</a>

  </div>
    <div id="js" style="display:none"> hahaha</div> 


<script type="text/javascript">
$(document).ready(function() {
  $('a').click(function() {
       $('div').fadeIn('slow',5000);
   });
});

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

我也试过'css(“display”,“block”);'或切换或条件,但它仍然没有令人担忧。顺便说一句,我是Jquery的新手。 请帮助我,谢谢。

1 个答案:

答案 0 :(得分:1)

您需要在jQuery代码

之前包含 jQuery库

<a>Click here</a>
<div id="js" style="display:none">hahaha</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- code after including jQuery library -->
<script type="text/javascript">
  $(document).ready(function() {
    $('a').click(function() {
      $('#js').fadeIn('slow', 5000);
    });
  });
</script>