$('p').hide();
$('#btN1').click(function () {
var Time = 900;
$('.text1').fadeIn(
Time,
function () {
$('.text2').fadeIn(
Time,
function () {
$('.text3').fadeIn(
Time,
function () {
$('.text4').fadeIn(
Time,
function () {
$('.text5').fadeIn(Time);
});
});
});
});
return false;
});
✅jquery
1) 모든 p(text)를 숨겨준다
2) 버튼 클릭시 text가 1-5순으로 나타나게 하기 위해 애니메이션 작동 시간을 설정한다
3) text1부터 fadeIn 함수를 작성해서 함수안에 함수로 작성한다(차례로 나오게 하기위해)
4) return false로 함수를 빠져나올 수 있게한다
✔ 차례로 하기 위한 함수는 함수안에 함수 밖에 작성할수 없을까??
'Coding > javascript' 카테고리의 다른 글
| [jquery] 스크롤시 상단 메뉴바 색상 바꾸기 (0) | 2022.06.17 |
|---|---|
| [jquery/css] 메뉴 hover시 하단으로 내려오는 nav만들기 (0) | 2022.06.17 |
| [css/jquery] keyframe을 이용하여 길따라 움직이는 svg 만들기 (0) | 2022.06.17 |
| [jquery] tab메뉴 만들기 (0) | 2022.06.17 |
| [json/jquery] json파일 제작하여 jquery로 데이터 불러오기 (0) | 2022.06.17 |