본문 바로가기
IT To do and To was

22년 2월 25일_12시가 넘었네.. 으 짜증.. 이해가 안돼..fade in, out eq..

금호동짜세 2022. 2. 26.
728x90
반응형

금요일[오랜만에 보드를 탔다.]

1. 금일 공부 올리기

 

1. breakets

html css js
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Dinamicharyul</title>
    <link rel="stylesheet" href="css/commn.css">
    <script src ="jquery-migrate-1.4.1.min.js"></script>
    <script src="common.js"></script>
    <script>
        $(function(){
          alert('이제 되니?')
         });
    </script>
</head>
<body>
   <div class="main">
    <ul>
        <li><a href="#"><img src="imges/%ED%99%94%EB%A9%B4%20%EC%BA%A1%EC%B2%98%202022-02-25%20230828.png" alt="거부기"></a></li>
        <li><a href="#"><img src="imges/%ED%99%94%EB%A9%B4%20%EC%BA%A1%EC%B2%98%202022-02-25%20230923.png" alt="거북이"></a></li>
        <li><a href="#"><img src="imges/%ED%99%94%EB%A9%B4%20%EC%BA%A1%EC%B2%98%202022-02-25%20230937.png" alt="거북2"></a></li>
    </ul>
    </div>
    
    
</body>
</html>		 *{padding: 0; margin: 0;}
li{
    list-style: none;
}
img{
    border: none;
}


.main{
    position: relative;
    height: 1200px;
    width: 3000px;
    margin: 0 auto;
}
.main li{
    position: absolute;
    width: 1000px; height: 110px;
}

.main ul{
   width: 1200px;
    height: 300px;
    display: none;
}		 $(document).ready(function(){
    var num = 1;
    
    $('.main li').first().fadeIn(0);
    
    setInterval(function(){
        if(num<3){
            num++
            
            $('.main li').fadeOut('slow');
            $('.main li').eq(num -1).fadeIn('slow');
        }else{
            num = 1;
            $('main li').fadeOut('slow');
            $('.main li').first().fadeIn('slow');
        }
    },3000);
  

});

겨우겨우 js를 만들어 연결시켰는데, 해당 레이아웃이 실제 브라우저에 적용이 안돼서..화가난다..화가화가 난다..화가나면 화가가되지..

eq메소드와 num -1이 이해가 안된다. 

무슨 뜻인거야..!! xx

 

//yesterday wished to today list

. 웹디자인 블로그에 기재한 거 모두 상기하기 ✔

. 웹디자인 강의 3개 보기 ✔

. 은행가기 👎_제대로 까먹음 다다음 주 수요일에 가자!

. 외로워하지 않고 옳은 행동하기 ✔

 

 

tomorrow wish list

. 정처기 cbt해보기

. 웹디자인 강의 보기

. 긍정적으로 생각하는 힘 기르기

 

728x90
반응형
저작자표시

'IT To do and To was' 카테고리의 다른 글

22년 2월 27일_내용 x 아직도 못 잊었다. 올해는 말끔히 그리워하지 않는 나가 되길.(+ 웹기능사 메뉴영역, + 리액트 실행)  (0) 2022.02.27
22년 2월 26일_웹디..너란녀석..짜증.., CBT 첫 정처기 시험봐보기.ㅎ  (0) 2022.02.26
22년 2월 24일_3일 연휴가 나를 기다린다 미니프로젝트 설계, 웹디실기 공부  (0) 2022.02.24
22년 2월 23일_리눅스 마지막, 웹 디자인 기능사 실기 기초  (0) 2022.02.23
22년 2월 22일_2~이~ 2의 날, Xshell, 서버 설정, 이것이 우분투 리눅스다 속독, jQuery 기초코딩 ,  (0) 2022.02.22

'IT To do and To was' 관련글

티스토리툴바