๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
์›น(IT) ์ •๋ณด

jQuery Fade ์ œ์ด์ฟผ๋ฆฌ ํŽ˜์ด๋“œํšจ๊ณผ

by ๋‹ˆ๋ชจ๋„ค 2018. 1. 3.
๋ฐ˜์‘ํ˜•

๊ธฐ๋ณธ์„ค์ •์ฟผ๋ฆฌ๋ฌธ

$(selector).fadeOut(speed,callback);

์†๋„๋ณ€์ˆ˜๋Š” ์ง€์†์‹œ๊ฐ„์„ ์ง€์ •ํ•˜์—ฌ slow, fast ๋˜๋Š” ๋ฐ€๋ฆฌ์ดˆ ๊ฐ’์„ ์‚ฌ์šฉํ•˜์—ฌ ์‹คํ–‰๋˜๋Š” ํ•จ์ˆ˜์ž…๋‹ˆ๋‹ค.

$("button").click(function(){
    $("#div1").fadeOut();
    $("#div2").fadeOut("slow");
    $("#div3").fadeOut(2000);
});









๋ฐ˜๋Œ€๋กœ ํŽ˜์ด๋“œ ์ธ

$(selector).fadeIn(speed,callback);

$("button").click(function(){
    $("#div1").fadeIn();
    $("#div2").fadeIn("slow");
    $("#div3").fadeIn(2000);
});









๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€