g3.cc

2002/12/26 11:05:11	10657 0

이미지클릭하면 전체배경 바뀌는 방법

각각의 조그만 배경 이미지에 마우스를 대면 전체 화면의 배경이
선택된 이미지로 바뀌는 스크립트입니다.
주로 배경 이미지를 제공하는 사이트에서 미리보기 용도로 사용됩니다

1. 아래의 스크립트를 <HEAD></HEAD> 사이에 삽입

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

2. 아래의 태그를 <BODY> 태그 안에 넣으세요.
<BODY backGround="images/bg1.gif" name=bg>
# bg1.gif : 처음에 원래 깔려있는 배경이미지

3. 아래의 태그를 <BODY></BODY> 사이에 넣으세요.
<a href="#" onMouseOver="bgChange('pic1');" onMouseOut="bgChange('clear');"><img src="images/b1.gif" border="0"></a>
<a href="#" onMouseOver="bgChange('pic2');" onMouseOut="bgChange('clear');"><img src="images/b2.gif" border="0"></a>
<a href="#" onMouseOver="bgChange('pic3');" onMouseOut="bgChange('clear');"><img src="images/b3.gif" border="0"></a>
<a href="#" onMouseOver="bgChange('pic4');" onMouseOut="bgChange('clear');"><img src="images/b4.gif" border="0"></a>

# images/b1.gif, images/b2.gif, images/b3.gif.. : 배경 이미지들

# 한가지 더!
클릭시 배경이미지가 바뀌게 하려면 아래 부분을 수정
<a href="#" onClick="bgChange('clear');"></a>
<a href="#" onClick="bgChange('pic1');"><img src="images/b1.gif" border="0"></a>

-->> onClick 으로 바꾸어주세요..

코멘트를 작성하시면 2 포인트가 지급됩니다.





141	색다른 링크법(새창)	01/28	10514

140	왼쪽스크롤바 만들기	01/13	10792

139	절대경로 알아내기	01/13	11293

136	body, table, iframe 부분의 여백 없애기	12/31	30045

135	새창닫기 소스	12/31	11131

132	소스보기 팁 [1]	12/27	11059	01/04(11:28)

131	날씨 알려주는 소스	12/27	10975

130	~한지 00일 되었습니다.	12/26	10456

129	새창닫기 소스 [1]	12/26	11103	01/04(11:30)

>>	이미지클릭하면 전체배경 바뀌는 방법	12/26	10657

127	자동으로 스크롤되는 페이지 만들기	12/26	10835

126	접속할때마다 배경음악 바뀌게 하기	12/26	10867

124	자기홈페이지에 배경음악 깔기 [4]	12/20	11313	12/21(23:26)

123	다음메일 자동접속 하기 [1]	12/20	12864	12/21(11:35)

122	브라우저의 창 크기 고정	12/19	12359

FIRST

LAST