[일 반]

내 홈을 즐겨찾기에 추가하기 타자기 타이핑효과내기 현재 시간을 알려 드립니다 일정시간 후에 스크립트 실행 (setTimeout) 페이지 자동 스크롤 표안의 글자 확대 축소하기 문서전체 또는 표안의 글자색 바꾸기 사용자 컴퓨터의 정보 알아내기 특정문자로 문자열 분리후 출력하기 랜덤하게 셀의 배경색 바꾸기 마우스 롤오버 or 클릭시 색이 바뀌는 버튼 브라우저 정보보기 간단한 자바스크립트 계산기 프롬프트 창으로 비밀번호 물어보기 화면의 해상도 알아내기 확인창(Confirm)으로 확인하는 예제 마퀴 제어하기 현재 문서의 소스를 메모장으로 보여주기 현재 문서의 위치 보여주기 (URL) 인쇄창을 띄워 주는 스크립트 체크박스에 대한 이해 [폼] 라디오 버튼에 대한 이해 [폼] 넷스케이프와 익스플로러 구분하는소스 텍스트에리어 안의 모든 글 선택하기 주민등록번호 확인 스크립트 리스트 선택시 사이트를 아이프레임에 보여주기 리스트 선택시 사이트를 새창으로 띄우기 문서의 특정 단어 검색하기 암호를 사용하여 접근하는 페이지 만들기 랜덤으로 숫자 뽑아 내는 예제 오늘 날짜를 보여주는 달력 강력한 소스 보호 문서내용 높이에 맞춰 아이프레임 높이 자동조절 간단한 소스의 날짜 카운터 리플달 때 글자 세는 스크립트

만년 달력을 만들어 보자 달력예제 1 달력예제 2 클립보드에 복사& 클립보드 내용 붙여넣기 엔터키를 BR 태그로 자동변환 br 태그를 자동으로 엔터키로 변환 링크가 무지개 빛으로 반짝반짝 태그 사용했는지 간단하게 체크해보기 아이프레임을 텍스트에리어처럼 사용 욕필터링 만들기 세자리 마다 콤마(,) 찍어주기 글자가 눌려진 듯한 효과 만들기 텍스트 박스에 특정 값만 입력 받기 남은 날 , 시간 , 분 , 초를 알려주는 날짜 카운터 살아온 날들을 보여주는 카운터 글자의 색을 이쁘게 바꿉니다. (그라데이션) 이메일검사 키보드 이벤트를 캡쳐하는 방법 웹 페이지 내의 모든 링크를 한번에 보기 숫자 입력만 가능한 텍스트 박스 파일업로드버튼 바꾸기 폴딩 메뉴 탑메뉴 서브 메뉴가 가로로 나타나는 내비게이션 메뉴 몇초후 웹페이지이동하기 / 자동새로고침하기 상위메뉴 클릭시 하위 메뉴 나오는 스크립트1 상위메뉴 클릭시 하위 메뉴 나오는 스크립트2 사용자 윈도우 배색에 따라 변하는 버튼 메뉴 체크박스 선택횟수를 제한 / 한번에 모두 선택 체크박스클릭시 하위 체크박스 나타내기 콤보박스에서 선택해서 사이트 이동하기 방문시 로그인에 커서가 미리 깜박이게하기 사용자 E-mail주소를 스크립트로 검증하기

[사운드]

자바스크립트로 사운드 제어하기
미디어 플레이어 삽입하여 미디와 mp3 플레이하기
미디파일 골라 듣기
들어올 때 마다 다른음악 들려주기 (embed태그)
들어올 때 마다 다른음악 들려주기 (미디어플레이어사용)
미디어플레이어 컨트롤 간단예제
미디어플레이어 주무르기 - 총 재생시간 알아내기
미디어플레이어 주무르기 - 현재 재생시간 보여주기

[창관련]

새창띄우기 경고창 띄우기 새창 띄우기 기초 새 창 제어하기 새창 뛰우기 고급 모달 다이얼로그 창 사용법 스크롤바 제어 하기 문서 로딩시 브라우저 꽉차게 키우기 이미지 크기에 맞게 새창으로 보여주는 스크립트 창의 위치를 마음대로 제어해 보자 화면 아래에서 올라오는 창 양쪽으로 창문을 열어 보아요~ 위 아래로 창문을 열어 보아요~ 창 네개 동시에 컨트롤 좌 우 위 아래로 브라우저에서 제공하는 팝업창을 뛰워보자 내가 원하는 크기의 새창으로 특정 문서뛰우기 무지개 빛으로 반짝거리는 스크롤바 새로뜬 창에서 부모창에 접근 하는 법 새창에서 부모창에 값 넘겨 주기 채널모드로 새창 열기 전체모드 (fullscreen) 으로 새창 열기 브라우저 내부의 가로 세로 크기 알아보기 자기 자신이 새로 뜬 창인지 아닌지 확인 진정 똑똑한 새창 이미지 뷰어 투명 아이프레임 만들기 (iframe)

이벤트팝업창 - 띄우기,페이지이동하기,자동닫기 이벤트팝업창 - 하루동안 팝업창 띄우지 않기 팝업창 화면 가운데에 띄우기 같은 브라우져에서 팝업 띄우기 않기 브라우저를 원하는 크기로 열기 이미지 클릭시 html없이 큰이미지로 창띄우기 해상도에 따라 다른 웹페이지 열기 크롬리스윈도우(CHROMELESS)로 새창띄우기

[마우스]

마우스 따라 오르락 내리락하는 화살표 마우스 따라다니는 햄스터 키우기 개미들이 마우스를 따라 오는 스크립트 마우스 따라다니는 눈과 쳐다보는 눈알 마우스 롤오버시 풍선도움말 [툴팁] 마우스 빙글빙글 멋지게 도는 별들 마우스 오버시 랜덤으로 크기 바뀌는 텍스트 마우스에 별이 따라다니는 스크립트 마우스에서 하트가 뽀골뽀골 마우스 주위를 도는 별 링크에 마우스가 올라오면 폭죽이 터져요 마우스 뱀처럼 따라 다니는 글자 오른쪽 마우스 버튼 클릭금지 마우스 따라 다니는 이미지 마우스 따라 다니는 이미지[2] 이미지가 주렁주렁 매달려 튕김 이미지가 마우스 돌다가 흩어지고 모임 마우스로 드래그 하여 이미지 크기 바꿔보기 이미지에 마우스가 오버시 이미지가 점점 사라짐 셀 위에 마우스 올라오면 셀 배경색 바꾸기 셀 위에 마우스 올라오면 셀 배경 이미지 바꾸기 스크립트로 커서 바꾸기 간단한 소스의 드래그 & 드롭 예제

그림에만 마우스 오른쪽버튼 막기 마우스 오른쪽버튼, 텍스트 드래그 막기 오른쪽마우스를 누르면 새로운 메뉴 나타내기 마우스 포인트를 따라다니는 이미지

[이미지]

포인트에 맞추어 그림 아이콘 표시 텍스트박스에 입력한 숫자를 이미지로 표시 리스트 박스에서 선택한 이미지 보여주기 문서의 배경을 접속할 때마다 바꾸기 문서의 배경을 동적으로 바꾸기 테이블 안의 배경을 접속 때마다 바꾸기 D-day 이미지 카운터와 지난날 카운터 문서안에서 이리저리 날아다니는 아이콘들 이미지 드래그 앤 드롭 하기 (drag & drop) 우수수 떨어지는 낙엽들 숫자가 지 맘데로 크레이지 이미지 카운터 3단 롤오버 이미지 이미지 롤오버 이미지 확대 축소 jpg 에니메이션 (움직이는 JPG 그림 파일) 간단한 소스로 이미지 확대하기 화면을 두둥실 날아다니는 이미지 팩토리 띄워보기 ^^; 리얼하게 눈 내리는 효과내기[1] 리얼하게 눈 내리는 효과내기[2] 아래에서 위로 뽀골뽀골 올라가는 소스 이미지 정보 알아내기 스크롤바 따라다니는 이미지 새로고침(재접속)마다 다른 이미지 보여주기

필터를 이용한 갤러리 만들기 예제 1 DXImageTransform 필터 : 스트레츠(Stretch) DXImageTransform 필터 : 스트립(Strips) DXImageTransform 필터 : 스파이어럴(Spiral) DXImageTransform 필터 : 랜덤디졸브 DXImageTransform 필터 : 랜덤바(RandomBars) DXImageTransform 필터 : 레이디얼와이프 DXImageTransform 필터 : 체커보드 DXImageTransform 필터 : 휠(Wheel) DXImageTransform 필터 : 슬라이드(Slide) DXImageTransform 필터 : 픽셀레이트(Pixelate) DXImageTransform 필터 : 아이리스(Iris) DXImageTransform 필터 : 인셋(Inset) DXImageTransform 필터 : 그레이디언트와이프 DXImageTransform 필터 : 페이드(Fade) DXImageTransform 필터 : 블라인드(Blinds) DXImageTransform 필터 : 반(Barn) DXImageTransform 필터 : 지그재그(Zigzag) 물에 비친 것 같은 이미지 효과 내기 마우스 올라오면 이미지 반전 마우스 올라오면 흑백이 컬로 이미지로 화면 스크롤 하면 따라 내려오는 이미지 블렌드트렌스 필터를 제어 스크립트 리빌트렌스 필터를 제어하는 스크립트

[동영상]

동영상 플레이 간단하게 제어해보기 (미디어플레이어 제어)
동영상 플레이 간단하게 제어해보기(이미지 버튼, 미디어플레이어)
미디어플레이어의 화면 표시관련 옵션 보기 예제입니다.
동영상 재생 관련 컨트롤 부분 표시안되게 하기
깔끔하게 사용된 미디어 플레이어 동영상 재생(자동 반복 재생)

[상태표시줄]

상태바에 글자 스크롤 하기 [1]
상태바에 글자 스크롤 하기 [2]
상태바에 글자 스크롤 하기 [3]
상태바에 글자 스크롤 하기 [4]
상태바에 현재 년,월,일 과 시간이 나옵니다
홈페이지에 머문 시간을 상태바에 표시[1]
홈페이지에 머문 시간을 상태바에 표시[2]
상태표시줄에 URL 감추기
상태표시줄에 다양하게 글자표현하기
상태표시줄에 현재시간 / 머문 시간 표시

[기타]

모니터 고장내기 놀이 [폭탄]
화면이 울렁 울렁 [폭탄]
미러 모드 - 필터 이용하여 화면 좌우 바꾸기 [폭탄]
필터 이용하여 화면 위아래 뒤집기 [폭탄]
키보드 키코드 정리표
파스텔톤 컬러 테이블
색깔들의 영문이름 참고표
유용한 폰트색상-디자인자료