별의 공부 블로그 🧑🏻‍💻
728x90
728x170
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!-- 함수를 사용하여 사진 갤러리 만들기 -->
<script type="text/javascript">
    window.onload=function(){
        var list_zone=document.getElementById("inner_list");
        var list_zone,getElementsByTagName("a");
 
        for(var i=0; i<list.length;i++) {
            list_[a].onclick=function(){
                var ph=document.getElementById("photo").children[0];
                ph.src=this.href;
                return false;
            }
        }
 
        var b_btn=document.getElementById("next_btn");
        var_m_num=0;
        b_btn.onclick=function(){
            if(m_num>=list_a.length-3return false;
            m_num++;
            list_zone.style.marginLeft=100*m_num+"px";
 
            return false;
        }
 
        var n_btn=document.getElementById("before_btn");
 
        n_btn.onclick=function(){
            if(m_num<=0return false;
            m_num--;
            list_zone.style.marginLeft=-100*m_num+"px";
 
            return false;
        }
    }
</script>
cs

 

 

소스 출처 : Do It! 자바스크립트+제이쿼리 입문 (정인용 지음, 이지스퍼블리싱)

728x90
그리드형(광고전용)
⚠️AdBlock이 감지되었습니다. 원할한 페이지 표시를 위해 AdBlock을 꺼주세요.⚠️


📖 Contents 📖