Java script

[Java] Moving Slide

EmilyP 2021. 3. 24. 09:24

index.css
0.00MB
movingslide.html
0.00MB

놀랍게 짧아짐!! Java의 중간대문자 주의깊게 쓰기!!

 

<body>

    <div id="silder">

        <ul id="banner" class="visual">

            <li><img src="./newimages/CI3.png"></li>

            <li><img src="./newimages/OTS_CI.jpg"></li>

            <li><img src="./newimages/집닥_로고_불투명.jpg"></li>

            <li><img src="./newimages/logo-unicon.png"></li>

            <li><img src="./newimages/ATEAM.jfif"></li>

        </ul>

    </div>

 

    <script type="text/javascript">

    function banner(){

        banner = document.querySelector('#banner');/*<ul> 안에있는 모든 것을 가져온다. string이 아닌 내용을 data type으로 저장*/

        li = document.querySelectorAll('#banner > li'); 

        /*querySlectorAll은  

        [Element, Element, Element, Element, Element] 이렇게 호출 0,1,2,3,4 각각에 저장한 것임

        각각 항목으로 저장하므로 숫자가 아니고 Element type임 */

        banner.appendChild(li[0]);

    }

 

    setInterval(banner,5000); /**setInteval([],[]) 가로안에 들어가는 값을 인자값 

    string? 함수형 data와 5초   **/

    </script>

</body>

</html>

'Java script' 카테고리의 다른 글

[Java] 많은 수 곱하기 값 구하기  (0) 2021.03.24
[Java] Typeof  (0) 2021.03.24
[Java] Delete button  (0) 2021.03.23
[Java] To do list  (0) 2021.03.22
[Java] 배경색 변경  (0) 2021.03.22