Question

我是javascript的新手，我找到了这个示例代码：

HTML：

<div id="newpost">
  Test text
</div>

<button id='button'>Click</button>

JavaScript：

var button = document.getElementById('button');

button.onclick = function() {
var div = document.getElementById('newpost');
   if (div.style.display !== 'none') {
      div.style.display = 'none';
     }
   else {
    div.style.display = 'block';
        }
   };

演示：http://jsfiddle.net/andrewwhitaker/hefGK/

我的问题是：如何为此代码添加一些效果？

Answer 1

在html文件的头部，你可以像使用js文件一样得到jquery。

<head>
<script src="jquery-1.11.3.min.js"></script>
<script src="myjs"></script>
</head>

JQuery有一种非常简单的方法可以淡入淡出任何元素

$( "#newpost" ).fadeIn( "slow", function() {
    // Animation complete
});

如何在javascript中添加fadeIn fadeOut效果到`div.style.display`？

1 个答案: