세이박스

자바스크립트 기초 기능 부터 활용할 수 있는 기능을 예제로 보여줌

웹프로그램
자바스크립트 기초 기능 부터 활용할 수 있는 기능들을 예제로 보여줍니다.
해당 소스를 보고 싶으면 예제 페이지에서 마우스 우측 버튼 클릭후 소스 보기 하세요!

번호

예  제      소   스

 구분

적용 환경

1

  경고 메시지 표시하기

Message

Box


2

  프롬프트 박스로 패스워드 만들기

 

3

  Confirm 박스로 해당 페이지 표시하기

 

4

  웹 문서 나갈 때 감사 메시지 뛰우기

 

5

  시작페이지로 지정하기

 

6

  자동으로 즐겨찾기에 추가하기

 

7

  새로운 윈도우 자동으로 열기

Window


8

  클릭했을 때 새로운 윈도우 열기

 

9

  지정한 위치에 새로운 윈도우 열기

 

10

  리모콘 윈도우 만들기

 

11

  5초 후 자동으로 닫히는 윈도우

 

12

  자동으로 웹 문서 새로 고치기

 

13

  윈도주가 흔들리는 진동 효과주기

 

14

  윈도우를 자동으로 스크롤하기

 

15

  풀 스크린으로 윈도우 열기(종료: ALT + F4)


16

  채널모드로 윈도우 열기

 

17

  모달 다이얼로그 박스 열기

 

18

  팝업 윈도우가 점점 커지며 나타나는 효과

 

19

  출력을 위한 인쇄 버튼 만들기

 

20

  웹 문서에 문자열 찾는 기능 추가하기

 

21

  자바스크립트 디버깅 창

 

22

  배경색과 글자 색상 바꾸기

Document


23

  페이드 인(Fade in) 효과주기

 

24

  낮과 밤에 따라 바뀌는 배경 만들기

 

25

  마지막으로 수정한 시간 표시하기

 

26

  타이틀 바에 실시간 표시하기

 

27

  로컬디스크에서 문서 읽기 금지

 

28

  로딩(Loading)되는 장면 만들기

 

29

  다이나믹한 풍선 도움말 만들기

 

30

  DHTML로 다이나믹한 메뉴 만들기

 

31

  롤오버 이미지 1

Image


32

  롤오버 이지지 2

 

33

  롤오버 이미지로 선택 메뉴 표시하기

 

34

  링크 앞에 화살표 표시하기

 

35

  클릭하는 순간 다른 이미지로 바꾸기

 

36

  링크된 그림에 생기는 점선 없애기

 

37

  웹 문서에 이미지 뷰어 만들기 1

 

38

  웹 문서에 이미지 뷰어 만들기 2

 

39

  이미지가 바뀌는 슬라이드 효과주기

 

40

  이미지가 호수에 비치는 효과

 

41

  오버랩되면 타나나는 슬라이드 효과

 

42

  스크롤 바를 움직여도 고정되어 있는 이미지

 

43

  추천 사이트 랜덤으로 꾸미기

Link


44

  웹 문서 소스 보여주기

 

45

  히스토리 목록에 흔적 남기지 않기

 

46

  자동으로 메일 제목과 내용 입력시키기

 

47

  하이퍼텍스트에 형광펜 효과 주기

 

48

  롤오버된 하이퍼텍스트의 크기와 색 바꾸기

 

49

  한꺼번에 두 개의 프레임 내용 바꾸기

Frame


50

  다른 사이트의 프레임 잔재 없애기

 

51

  펼쳐지고 접혀지는 프레임 만들기

 

52

  IFRAME 내에 있는 문서 바꾸기

 

53

  웹 문서에 주소 입력란 넣기

Form


54

  메일 방명록 만들기

 

55

  사용자 입력의 타당성 검사하기

 

56

  라디오 버튼을 이용한 문제 풀이

 

57

  ID와 비밀번호의 타당성 검사하기

 

58

  한글 입력만 허용하는 폼문서

 

59

  숫자 입력만 허용하는 폼문서

 

60

  주민등록 번호 타당성 검사

 

61

  필수입력사항 타당성 검사

 

62

  다른사이트로 이동하는 선택 목록 만들기

 

63

  선택 목록에 이동 버튼 만들기

 

64

  선택된 URL을 다른 프레임에 출력하기

 

65

  폼 안의 글자에 타이핑 효과 주기

 

66

  폼 안에 글자 스크롤 시키기

 

67

  웹 문서에 FTP 접속 기능 추가하기

 

68

  선택된 항목에 따라 다른 선택 목록 만들기

 

69

  화면 해상도에 적합한 페이지 출력하기

Browser


70

  브라우저에 적합한 페이지 출력하기

 

71

  사용자 IP주소 나타내기

 

72

  상태 표시줄에 링크에 대한 설명 표시하기

Status


73

  상태 표시줄에 타이프 치듯 글자 출력하기

 

74

  상태 표시줄에 스크롤디는 글자 제어하기

 

75

  앞으로 가기, 뒤로 가기 버튼 만들기

History


76

  이전에 입력한 내용 기억하기

 

77

  방문 유무에 따른 다른 환영 메시지

 

78

  방문자의 방문 횟수 표시하기

 

79

  방문 횟수와 마지막 방문시간 표시하기

 

80

  공지 화면 처음 한번만 띄우기

 

81

  사용자의 선택에 따라 공지 창 열기

 

82

  현재 시간 표시하기

Time


83

  현재 시간과 날짜 표시하기

 

84

  텍스트 입력란에 현재 시간 표시하기

 

85

  문서 내에 현재 시간 표시하기

 

86

  이미지로 현재 시간 표시하기

 

87

  그림자가 비치는 시계 표시하기 1

 

88

  그림자가 비치는 시계 표시하기 2

 

89

  Data 객체로 달력 만들기

 

90

  특정일까지 남은 날짜 카운트다운하기

 

91

  사이트에 머무른 시간 표시하기

 

92

  마우스 오른쪽 버튼 사용 금지시키기

마우스

&

키보드


93

  GIP 이미지가 마우스를 따라 다니는 효과

 

94

  물결치면 마우스를 따라 다니는 글자

 

95

  물결치며 마우스를 따라다니는 이미지

 

96

  자신만의 팝업 메뉴 만들기

 

97

 지정된 사이트로 이동하는 단축키 정의하기

 

98

  접속할 때마다 다를 배경 음악 들려주기

Sound


99

  사용자가 선택한 음악 들려주기

 

100

  배경 음악을 순차적으로 들려주기

 

101

  배경 음악 무작위로 연속해서 들려주기

 

102

  링크에 마우스 대면 소리나는 사운드 효과 주기

 

103

  체계적인 트리(Tree) 메뉴 만들기

기타


104

  마우스 대면 타나나는 슬라이딩 메뉴

 

105

  웹 문서에 계산기 기능 추가하기

 

106

  마키(Marquee)기능 제어하기

 

107

  링크에 패스워드 걸어두기

 

108

  웹문서에 검색엔진 기능 추가하기

 

109

  카운트다운 후 다른 문서로 이동하기

 

 110

 자신의 홈페이지를 요일마다 변경을

 

 

111

 실시간 뉴스

 

 

112

 일기 예보

 

 

113

 우편번호 검색

 

 

114

 음악소스(bgm)

 

 

115

 전화기 멜로디

 

 

 116

 이미지 필터효과

 

 

117

 마우스를 대면 색상이 바뀌는 태그

 

 

118

 우주전광판

 

 

119

 팝업 광고창 제거

 

 

120

 연속해서 다른 음악으로 이어지는 스크립트

 

 

121

 애플랫 배너

 

 

 122

 요일 (날짜) 태그

 

 

 123

 공지사항창 1

 

 

 124

 공지사항창 2

 

 

 125

 메일창

 

 

126

공지사항창 3