웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
예제 보기 : move background
꽤 오래되었지만 특이하고 재미있어서 올려봅니다.
<script language="Javascript">
<!--
// made by: Nicolas - http://www.javascript-page.com
var background = "bg1.gif"; //배경이미지 지정합니다.
var speed = 0; // 속도를 지정합니다.( 0 권장)
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName != "Netscape" || browserVer >= 4.5) {
function moveback(movert,movedn,hPos,vPos) {
if (arguments[4])
document.body.style.backgroundImage = "url("" + arguments[4] + "")";
if (arguments[5])
document.body.style.backgroundRepeat = arguments[5]
if (!isNaN(hPos)) {
if ((movert!=0) && (hPos>0)) hPos=-100000
hPos += movert
}
if (!isNaN(vPos)) {
if ((movedn!=0) && (vPos>0)) vPos=-100000
vPos+= movedn
}
document.body.style.backgroundPosition= hPos + " " + vPos
if (isNaN(hPos)) hPos = """ + hPos + """
if (isNaN(vPos)) vPos = """ + vPos + """
setTimeout("moveback("+movert+","+movedn+","+hPos+","+vPos+")",speed)
}
/*아래의 moveback함수의 4개의 인수 중 처음의 2개를 변경합니다.
처음의 인수는 수직방향을 설정 : 1 아래로, -1 위로, 0 고정 ...
두번째 인수는 수평방향을 설정 : 1 오른쪽, -1 왼쪽, 0 고정 */
moveback(1,1,0,0, background);
}
//-->
</script>
고정된 배경이미지는 싫다면서...
2002.11.12 16:57
예제 보기 : move background
꽤 오래되었지만 특이하고 재미있어서 올려봅니다.
<script language="Javascript">
<!--
// made by: Nicolas - http://www.javascript-page.com
var background = "bg1.gif"; //배경이미지 지정합니다.
var speed = 0; // 속도를 지정합니다.( 0 권장)
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName != "Netscape" || browserVer >= 4.5) {
function moveback(movert,movedn,hPos,vPos) {
if (arguments[4])
document.body.style.backgroundImage = "url("" + arguments[4] + "")";
if (arguments[5])
document.body.style.backgroundRepeat = arguments[5]
if (!isNaN(hPos)) {
if ((movert!=0) && (hPos>0)) hPos=-100000
hPos += movert
}
if (!isNaN(vPos)) {
if ((movedn!=0) && (vPos>0)) vPos=-100000
vPos+= movedn
}
document.body.style.backgroundPosition= hPos + " " + vPos
if (isNaN(hPos)) hPos = """ + hPos + """
if (isNaN(vPos)) vPos = """ + vPos + """
setTimeout("moveback("+movert+","+movedn+","+hPos+","+vPos+")",speed)
}
/*아래의 moveback함수의 4개의 인수 중 처음의 2개를 변경합니다.
처음의 인수는 수직방향을 설정 : 1 아래로, -1 위로, 0 고정 ...
두번째 인수는 수평방향을 설정 : 1 오른쪽, -1 왼쪽, 0 고정 */
moveback(1,1,0,0, background);
}
//-->
</script>
댓글 9
-
뒹굴리스트
2002.11.12 17:16
-
남극핑구;
2002.11.12 17:16
헉..
눈 아퍼요;;; -
디아릭스
2002.11.12 17:34
이러면 어떨까요?
펄떡뛰는 갈치 한마리놓고 배경으론 거센 물결을 ...^^; -
gunsweet
2002.11.12 17:41
아래로 움직이게 해서 필름이 돌아가는 효과도 낼수가 있겠네요 ^^ -
homekeep
2002.11.12 23:48
좋은데 씨퓨 점유율이 넘 높아지네여..이건 어케 해결 할 수 없을까여? 이거만 해결되면 딱인데.. -
디아릭스
2002.11.13 00:08
//homekeep
어려운 문제군요...cpu 점유율이라..... 아시는분 답변좀.. -
멀대
2002.11.13 09:31
0ms 로 되있어서 저사양에서는 CPU에 부담 좀 되니..
100ms 이상으로 바꾸는수 밖에요--;
천천히 잔잔하게 움직이는게 오히려 좋아보일수도 있으니까요 ^^;
100ms 도 부하가 많이 걸린다면.. 200ms이나 300ms 로..--;;; -
투유
2002.11.13 16:29
넘 깜박거리는거 같은데.. -
Legend
2002.11.27 11:13
background 이미지를 움직이는 경우 특성상 이미지의 위치를 이동시키는 방식을 사용하기 때문에 시간이 지날수록 컴퓨터의 로드가 많이 집니다.. 이걸 홈페이지에 넣거나 하셔서 사용하기는 무리가 있지요..
제목 | 글쓴이 | 날짜 |
---|---|---|
제로보드 data 디렉토리에 링크방지 걸기..(울트라 허접팁) [5] | 무꾸 | 2003.06.27 |
2차도메인을 이용한 내컴퓨터 자료실로 이용하기 [3] | 무꾸 | 2003.06.27 |
스팸메일 유의 하십시오... [1] | Dopesoul | 2003.07.03 |
저만의 보안 방법. (리눅스) [12] | Blainfo | 2003.07.04 |
쉘상에서 사용자 계정과 DB계정 간단하게 생성하기. | NOP_0x90 | 2003.07.05 |
쉘상에서 DB 간단하게 생성하기.. 수정입니다. [1] | NOP_0x90 | 2003.07.05 |
NOP_0x90 Document No.1(APM연동 Mysql-4.0.13편) | NOP_0x90 | 2003.07.06 |
NOP_0x90 Document No.2(APM연동 Mysql-DB설정편) | NOP_0x90 | 2003.07.06 |
NOP_0x90 Document No.3(APM연동 apache-2.0.46편) | NOP_0x90 | 2003.07.06 |
NOP_0x90 Document No.4(APM연동 php-4.3.2편) [2] | NOP_0x90 | 2003.07.06 |
우리호스트 DNS 활용하기 [4] | HoYa™ | 2003.07.08 |
Windows 2003 엔터프라이즈 에서 FTP 사용하기..(이미지첨부버젼) [10] | 무꾸 | 2003.07.26 |
apache 다운받기 - 그림설명 [2] | 이성헌 | 2003.07.27 |
php 다운 받기 - 그림설명 [1] | 이성헌 | 2003.07.27 |
phpzendoptimizer 다운받기 - 그림설명 [7] | 이성헌 | 2003.07.27 |
mysql 다운받기 - 그림설명 [3] | 이성헌 | 2003.07.27 |
색다른 리눅스 배포판.. [2] | Dopesoul | 2003.08.02 |
리눅스 환경에서 APM+Tomcat의 개발환경 만들기 | 굿스피드 | 2003.08.04 |
긴급 - mysql 설치때 주의점(window xp 에서) [3] | 이성헌 | 2003.08.11 |
Windows2000 Ad Server 계열쓰시는분들의 보안. [7] | 씨파개 | 2003.08.12 |
신기하네요+_+