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-3) return 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<=0) return false;
m_num--;
list_zone.style.marginLeft=-100*m_num+"px";
return false;
}
}
</script> |
cs |
소스 출처 : Do It! 자바스크립트+제이쿼리 입문 (정인용 지음, 이지스퍼블리싱)
728x90
그리드형(광고전용)
'Source Code > JavaScript' 카테고리의 다른 글
이벤트 객체 (Event Object) (0) | 2017.05.21 |
---|---|
this를 사용한 이벤트 (0) | 2017.05.21 |
이벤트 등록 메서드가 브라우저별로 서로 다르게 실행되도록 하기 (0) | 2017.05.21 |
이벤트 (Event) (0) | 2017.05.21 |
함수 (Function) (1) | 2017.05.21 |
문서 객체 모델을 사용하여 자동차 견적 미리보기 페이지 만들기 (0) | 2017.05.21 |
폼 요소 선택자 (0) | 2017.05.21 |
문서 객체에 이벤트 핸들러 적용 (0) | 2017.05.21 |