웹마스터 팁

  2. Support
  3. 웹마스터 팁

자바스크립트로 쪼물딱 거리는 배경 이미지

2003.03.02 16:45

미친개

역쉬 자바스크립트는 알면 알수록(사실 얼마 아는것도 음찌만......)
재미가 있군요

배경 그림을 자바스크립트로 바꿀수 있느냐는 비슷한 질문을 접하고
낑낑거려 보니 되더군요

<body> 태그에 스타일로 배경 그림을 정해줍니다.
그리고 document.body.style.cssText 속성을 이용해서 이 스타일을
재정의 해줍니다.


아래 소스를 좀더 수정 한다면 배경 그림에 관한 여러 기능을 만들수도
있을듯 하군요


...........근데, 이거 별거 아닌 소스인가요??

미리보기 : http://allzza.net/ver1/aboard/aboard.php?id=jscript_tech&dbf=12&mode=source





<body style="background-image:url(http://allzza.net/p1.jpg);background-repeat:no-repeat; background-attachment : fixed;background-position:right bottom">

<script>
function mywin()   {
    window.document.body.style.cssText = "BACKGROUND-POSITION: right bottom; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(http://maddog07.hihome.com/ppp6.jpg); BACKGROUND-REPEAT: no-repeat";
     }
</script>

</body>
<a href='javascript:mywin()'>배경그림 바꾸기</a>

이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
APM에서 XE 설치시 깨짐현상 발생될때... file 비밀M 2013.05.14
파일박스 사용에 관하여 [2] wooildang 2013.04.26
이미지 리사이즈 적용이 안되는 경우 [4] 아고라 2009.06.30
[수정] CSS, JS 파일 gzip로 한꺼번에 압축해서 전송하기 [20] file SCAC 2011.09.02
모바일에서 댓글 자동 펼치기 (스킨:스케치북5모바일) [2] 준스타일 2013.05.03
array 함수와 in_array함수 이용한 시간 체크 똑디 2013.05.03
상담용 게시판 - 확장 변수 이용 [4] file 어라얼랑 2012.06.23
XE를 위한 DEBUG 이야기 [3] 우진홈 2013.04.30
xe 속도 엄청 빨라집니다. [4] 투투투쓰리 2013.03.12
최근게시물에 움직이는 GIF 불러오기 SuP 2013.04.25
개인서버나 호스팅운영하실분들 참고하세요 [6] 데브위트™ 2012.06.19
간단한 PHP 문법 [204] zero 2000.03.06
XE 1.5.X , 1.7.X 용 nginx rewrite [4] Root 2013.03.24
메뉴에 새글 표시 모듈이 작동하지 않은 문제 해결 [2] 샹하이 2013.04.15
meta_add 애드온 수정.(1.7.3 버전에 맞게..) [4] file 투씨 2013.04.01
메인화면에 플래시 쉽게 삽입하는 방법.. [12] 청개구리00 2008.08.30
스팸공동대응 api 모듈 지우기 [1] SCAC 2012.08.12
xe1.7.3.1 으로의 업데이트시 팝업모듈 오류 수정내역 [1] 날마다좋은날 2013.04.12
제로보드 xe 게시판 가로 푹 줄이기 방법좀 알려주세요. [1] 산업일꾼 2013.04.14
아이콘샵(v0.4) 관리자페이지 디자인수정파일(1.7.x 용) file 카이네드 2013.04.13
태그 쓰기