用简单的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's fadeOut肯定会更容易。