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

-1

我在新的JavaScript和我發現這個示例代碼：如何在javascript中將fadeIn fadeOut效果添加到`div.style.display`中？

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/

我的問題是：如何能我爲這段代碼添加一些效果？

來源

2015-12-11 shima amini

你可以使用jQuery？ –

真的，我不知道jquery，我不知道如何使用它。因爲我測試了一些jquery代碼，它不起作用：/ –

在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 
});

來源

2015-12-11 08:58:14 StijnvanGaal

謝謝，我使用'Razor引擎'，我的視圖有'佈局'。我應該在哪裏放置jQuery代碼？ –

你在哪裏分配自己的腳本？我知道asp.net的剃鬚刀引擎，如果你使用的是，JQuery可能已經分配，你可以開始使用它。如果不是，你應該像我在模板頭部顯示的那樣，或者完全在你的頁腳底部。但確保JQuery在使用任何其他腳本之前分配。否則那些腳本將無法使用JQuery。 – StijnvanGaal

我檢查了你說的所有內容，我把你的代碼放在你想到的任何地方，但它還沒有工作。 –

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

回答

相關問題