用简单的javascript淡出正文

Question

我想做一个简单的函数来淡出主体onclick。可以用javascript完成吗？如果没有其他选择，我可以使用jquery。

Answer 1

好的，所以您需要使用setInterval来实现"淡出"动画。

function fadeout ( element, duration ){
   element.style.opacity = element.style.opacity || 1;
   var inter = setInterval(function(inter){
       if( element.style.opacity <= 0 ){
           clearInterval(inter);
           block.style.display = "none";
       } else {
           element.style.opacity -= (1/(duration/13));
       }
    },13); 
}

在jsfiddle 上检查它的操作

Answer 2

您可以从头开始编写函数，但jQuery的fadeOut肯定会更容易。