마우스
HTML 페이지 내에서 마우스 커서 또는 마우스의 위치를 알아내어 원하는 행동을 취하게 하는 스크립트입니다.
또한 마우스의 이벤트에 대해 적절하게 대응하는 프로그램에 대한 예제들을 모아 두었습니다.
[1] 이미지 페이드 롤오버 소스입니다. [Preview]
이미지 페이드 롤오버 소스입니다...
[2] 마우스를 따라다니는 설명창 [Preview]
<html>
<head>
<TITLE>perlbbs.com</TITLE>
</HEAD>

<BODY>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: FFCC00;
scrollbar-highlight-color: FFCC99;
scrollbar-3dlight-color: FFFFCC;
scrollbar-darkshadow-color: 003399;
scrollbar-shadow-color: 0033CC;
scrollbar-arrow-color: 3300FF;
scrollbar-track-colo .....
[3] 마우스 오른쪽 메뉴 바꾸기 [Preview]

오른쪽 버튼을 클릭했을때 나오는 메뉴를 바꾸는 두번째 스크립트 입니다
[4] 로테이트되는 마우스 포인터 입니다.. [Preview]
마우스 포인터가 뱅글뱅글 돌아가는 소스입니다...

방향은 시계방향과 시계반대방향이 있구요...
일정 시간에 의해서 마우스 포인터를 바꾸는 겁니다...
[5] 마우스 드래그로 스크롤을 움직이는 소스 입니다.. [Preview]
마우스 드래그로 스크롤을 움직니는 소스 입니다..

미리보기에선 이미지의 크기가 가로, 세로 1000입니다..
이미지가 1000인 이유는 마땅한 이미지가 없으며..
또한 큰 이미지라도 용량이 있어서 그냥.. 작은 이미지를 늘린겁니다.. ^^

소스는 장기훈님께서 주셨습니다..
감사합니다..
[6] 상,하,좌,우로 드래그하면 페이지 이동하는 소스 [Preview]
마우스 오른쪽 버튼을 누르고 상,하,좌,우로 드래그 하면 해당되는 페이지로 이동합니다..

아.. 좌,우는 앞으로,뒤로 버튼 입니다.
[7] 마우스 주위를 둘러다니는 문자 소스 [Preview]
마우스 주위를 돌아다니는 소스입니다.

소스에서 이미지나 글자 소스를 적어주면 마우스 주위에 이미지나 글자가 돌아다닙니다.
[8] 마우스에 따라다니는 사각 박스들 [Preview]
마우스에 따라다니는 사갑 박스들 입니다..<br>
총 8개의 이미지가 따라다니며 가장 가아누데 있는 이미지는 URL을 가지고 있습니다..<Br>
<Br>
소스 다운로드 입니다.<Br>
<a href="../../../kjy/jaslink/sagak.zip">D/N</a>
[9] 테이블의 배경색 또는 배경 이미지를 바꾸는 방법 [Preview]
배경 이미지를 마우스오버시 롤오버의 형태로 바꾸는 예제소스입니다.
많이 응용하시기 바랍니다.
[10] 마우스를 따라 다니는 설명창 레이어 [Preview]
레이어가 마우스를 따라다닙니다.
사이에서 주기적으로 보여주어야 하는게 있다면
이용하면 유용할거 같네요.

"hide"로 마우스가 가면 레이어가 없어집니다.
"show"로 오면 다시 레이어가 나타납니다.
[11] 오른쪽 버튼 누르면 확인 취소 나오는 경고창 띄우기 [Preview]
마우스 오른쪽 버튼을 누르게 되면
확인 취소가 나타나는 경고창이 뜹니다.
확인을 누르면 이미 적어놓은 주소로 이동되지만
취소하면 경고창이 그냥 사라져 버립니다.

키보드 사용도 묶었습니다.
[12] 마우스를 따라다니는 눈 [Preview]
눈동자가 마우스를 따라다닙니다.
[13] 잔상을 뿌리며 마우스 따라다니는 텍스트 [Preview]
마우스 따라다니는 텍스트에서 잔상을 냅니다.
[14] 마우스 따라다니는 도트들.. [Preview]
마우스 따라다니는 도트입니다.
[15] 간단한 마우스 버튼 금지 [Preview]
마우스 버튼 잠그는 자스입니다.

<SCRIPT LANGUAGE="JavaScript">
<!--
/////////////////////////////////////////////
// :*: Happyscript :*: //
// 소스 : http://www.happyscript.net //
// 편집 and 소스 설명 : Magic //
// E-mail : flyingmagic@hanmail.net //
/////////////////////////////////////////////

function .....
[16] 마우스를 따라다니는 CROSS [Preview]
마우스를 따라다니는 CROSS입니다.

<style>
<!--
<!-- :*: Happyscrip :*: //-->
#leftright, #topdown{
position:absolute;
left:0;
top:0;
width:1px;
height:1px;
layer-background-color:#B0CFF2;
background-color:#B0CFF2;
z-index:100;
font-size:1px;
}
//-->
</style>

<script language="JavaScript">
<!--
/////// .....
[17] 오른쪽 마우스 버튼 사용 못하게 하기 [Preview]
오른쪽 마우스 버튼을 눌러 소스보기를 못하게 하고 싶은 경우,
이때 오른쪽 마우스버튼이벤트를 처리해주면 됩니다.

function click() {
if (event.button==2) {
alert('죄송합니다, 오른쪽 버튼은 쓰실 수 없습니다');
}
}
document.onmousedown=click


위의 코드를 자바스크립트 안에 넣으면 됩니다.

[18] 오른 마우스 누르면 뒤로가기 버튼되게하기 [Preview]
오른 마우스 누르면 뒤로가기 버튼되게하기
[19] 오른쪽 마우스버튼 메뉴 만들기 2 [Preview]
오른쪽 마우스 버튼의 메뉴를 만들어 다는 소스입니다.
[20] 오른쪽 마우스 버튼 못쓰게 하기 [Preview]
오른쪽 마우스 버튼을 누르면 경고 메세지를 출력합니다.
사용을 못하게 한다기 보다는 이벤트를 잡아서 다른 원하는 내용을 보여주고자 할때
유용합니다.
    [1] [2]    
Javascript Source List :