웹디자인기능사 실기공부 2일차

오늘은 슬라이더를 했다...

제이쿼리 걍 암기....

방법도 다양하다....css로 할수도있음

뿌듯... 더열심히하자

//※:gt()는 지정된 숫자보다 인덱스 번호가 큰 요소드를 리턴하는 셀렉터입니다

출처: https://itjunijuni.tistory.com/30 [IT]
$('.imgslide div:gt(0)').hide();
setInterval(function () {
    $('.imgslide div:first-child').fadeOut()
        .next('div').fadeIn()
        .end().appendTo('.imgslide');
}, 3000);

 

슬라이드 글자 겹처나와서 해결함 ....

#banner a {
    display: none;
    position: absolute;
}

#banner a:first-child {
    display: block;
}

https://codepen.io/piouy1234/pen/KKzawpL