I want to make a simple function to fade out the body onclick. Can it be done with javascript? I can use jquery if the开发者_如何学JAVAre is no other choice.
Ok so the function you need to utilize is setInterval
inorder to acheive a "fade-out" animation.
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);
}
check it in action on jsfiddle
You could write the function from scratch, but jQuery's fadeOut would certainly be easier.
精彩评论