웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[JavaScript] 마우스 커스 이동만으로 배경색상을 바꾸어보자
2002.02.24 09:15
예제) http://www.javascript.co.kr/scriptbbs/data/a/cursor_changer.htm
<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>
</HEAD>
<BODY>
<TABLE border="0" cellspacing=0 cellpadding="3" bgcolor="teal" align=center width=70%>
<TR>
<TD bgcolor="white" align=center>
<!-- 메모장 등으로 아래의 방법으로 HTML 문서의 BODY 부분에 붙여 넣으세요 -->
<!--- 아래의 방법으로 하이퍼링크를 만듭니다.
중요한 내용은
onmouseover="document.bgColor='green'" 에서
green 부분을 원하는 색상으로 넣어 주면 됩니다
----->
[<A href="#" onmouseover="document.bgColor='green'">Green</A>]
[<A href="#" onmouseover="document.bgColor='green'">Bright Green</A>]
[<A href="#" onmouseover="document.bgColor='seagreen'">Sea Green</A>]
[<A href="#" onmouseover="document.bgColor='red'">빨강색</A>]
[<A href="#" onmouseover="document.bgColor='magenta'">Magenta</A>]
[<A href="#" onmouseover="document.bgColor='fusia'">Fusia</A>]
[<A href="#" onmouseover="document.bgColor='pink'">Pink</A>]
[<A href="#" onmouseover="document.bgColor='purple'">Purple</A>]
[<A href="#" onmouseover="document.bgColor='navy'">Navy</A>]
[<A href="#" onmouseover="document.bgColor='blue'">파랑색</A>]
[<A href="#" onmouseover="document.bgColor='royalblue'">Royal Blue</A>]
[<A href="#" onmouseover="document.bgColor='Skyblue'">Sky Blue</A>]
[<A href="#" onmouseover="document.bgColor='yellow'">Yellow</A>]
[<A href="#" onmouseover="document.bgColor='brown'">Brown</A>]
[<A href="#" onmouseover="document.bgColor='almond'">Almond</A>]
[<A href="#" onmouseover="document.bgColor='white'">White</A>]
[<A href="#" onmouseover="document.bgColor='black'">Black</A>]
[<A href="#" onmouseover="document.bgColor='coral'">Coral</A>]
[<A href="#" onmouseover="document.bgColor='olivedrab'+ '">Olive Drab</A>]
[<A href="#" onmouseover="document.bgColor='orange'">Orange</A>]
<!------------------------- 여기까지 ---------------------------------->
</TD>
</TR>
</TABLE></DIV>
</body>
</HTML>
- Jasko
<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>
</HEAD>
<BODY>
<TABLE border="0" cellspacing=0 cellpadding="3" bgcolor="teal" align=center width=70%>
<TR>
<TD bgcolor="white" align=center>
<!-- 메모장 등으로 아래의 방법으로 HTML 문서의 BODY 부분에 붙여 넣으세요 -->
<!--- 아래의 방법으로 하이퍼링크를 만듭니다.
중요한 내용은
onmouseover="document.bgColor='green'" 에서
green 부분을 원하는 색상으로 넣어 주면 됩니다
----->
[<A href="#" onmouseover="document.bgColor='green'">Green</A>]
[<A href="#" onmouseover="document.bgColor='green'">Bright Green</A>]
[<A href="#" onmouseover="document.bgColor='seagreen'">Sea Green</A>]
[<A href="#" onmouseover="document.bgColor='red'">빨강색</A>]
[<A href="#" onmouseover="document.bgColor='magenta'">Magenta</A>]
[<A href="#" onmouseover="document.bgColor='fusia'">Fusia</A>]
[<A href="#" onmouseover="document.bgColor='pink'">Pink</A>]
[<A href="#" onmouseover="document.bgColor='purple'">Purple</A>]
[<A href="#" onmouseover="document.bgColor='navy'">Navy</A>]
[<A href="#" onmouseover="document.bgColor='blue'">파랑색</A>]
[<A href="#" onmouseover="document.bgColor='royalblue'">Royal Blue</A>]
[<A href="#" onmouseover="document.bgColor='Skyblue'">Sky Blue</A>]
[<A href="#" onmouseover="document.bgColor='yellow'">Yellow</A>]
[<A href="#" onmouseover="document.bgColor='brown'">Brown</A>]
[<A href="#" onmouseover="document.bgColor='almond'">Almond</A>]
[<A href="#" onmouseover="document.bgColor='white'">White</A>]
[<A href="#" onmouseover="document.bgColor='black'">Black</A>]
[<A href="#" onmouseover="document.bgColor='coral'">Coral</A>]
[<A href="#" onmouseover="document.bgColor='olivedrab'+ '">Olive Drab</A>]
[<A href="#" onmouseover="document.bgColor='orange'">Orange</A>]
<!------------------------- 여기까지 ---------------------------------->
</TD>
</TR>
</TABLE></DIV>
</body>
</HTML>
- Jasko
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
[JavaScript] 일반적인 형태의 전체크기 윈도우 열기 | SM | 2002.02.24 |
[JavaScript] 채널모드로 윈도우 열기 | SM | 2002.02.24 |
[JavaScript] 전체화면으로 페이지 열기 [2] | SM | 2002.02.24 |
[JavaScript] 텍스트 상자에서 메세지가 타이핑 됩니다 | SM | 2002.02.24 |
[JavaScript] 가짜 카운터 달기 | SM | 2002.02.24 |
[JavaScript] 오늘 날짜와 요일 넣기 | SM | 2002.02.24 |
[JavaScript] 홈에 머문시간을 제목표시줄과 상태바에 실시간으로 알려줍니다 [1] | SM | 2002.02.24 |
[JavaScript] 랜덤 듀레이션 효과 - 페이지 들어오고 나갈때 벗겨지는 효과 보여주기 [1] | SM | 2002.02.24 |
[JavaScript] 창의 사이즈 변경 금지 시키기 | SM | 2002.02.24 |
[JavaScript] 이미지나 버튼 클릭시 생기는 점선 없애기 [1] | SM | 2002.02.24 |
[JavaScript] 자바스크립트 버튼에 링크 걸기 | SM | 2002.02.24 |
[JavaScript] 마우스 커스 이동만으로 배경색상을 바꾸어보자 | SM | 2002.02.24 |
[JavaScript] 웹문서에 주소창 넣기 스크립트 [4] | SM | 2002.02.24 |
[JavaScript] 창을 열면 인사하는 간단한 스크립트 | SM | 2002.02.24 |
[JavaScript] 폼 버튼을 클릭하면 경고 메세지 보내기 | SM | 2002.02.24 |
자바스크립트로 변수처리하기! | 두기두바 | 2002.02.22 |
폼 항목중 입력하지 않을때 경고창 띄우기 | Topy | 2002.02.22 |
▩마우스 오버시 그림이 진해지는 스크립 | ▩윤미 | 2002.02.21 |
복사 및 오른쪽 버튼 사용금지 스크립트 | Jacylee | 2002.02.21 |
자바 스크립트 인코딩 된것 디코딩 하는 스크립트 [6] | 양창민 | 2002.02.02 |