웹마스터 팁
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 이미지를 움직이는 경우 특성상 이미지의 위치를 이동시키는 방식을 사용하기 때문에 시간이 지날수록 컴퓨터의 로드가 많이 집니다.. 이걸 홈페이지에 넣거나 하셔서 사용하기는 무리가 있지요..
제목 | 글쓴이 | 날짜 |
---|---|---|
홈페이지에 머무른 시간을 알림창으로 나타내기. [3] | 시즌오브드림 | 2002.12.10 |
출렁이며 내려오는 공지창.. [3] | 아벨라 | 2002.12.10 |
아래 새창에 맞게 이미지 띄우기 더더 업그레이드 판! [6] | ATply | 2002.12.09 |
이동 메뉴 (Netscape 가능 NZEO.com 소스) [9] | 박영창 | 2002.12.08 |
아래 이미지크기에 맞게 새창띄우는 소스(기능개선판) (-_-) v [10] | 행복한고니 | 2002.12.07 |
[re] 오류 아닌 오류 나시는 분덜... | 임병찬 | 2003.04.22 |
이미지 크기에 맞게 새창띄우는 자바소스인데요~ [3] | 새벽이슬 | 2002.12.07 |
정말 쉬운 이미지 롤오버 [3] | Nopedy Lee | 2002.12.05 |
엔지오처럼 메뉴가 아래위로 움직이는 소스[steelheart님 만듬]. [10] | 김태경 | 2002.11.23 |
iframe 내용에 맞게 자동으로 크기 조절하기 [36] | 행복한고니 | 2002.11.21 |
[파파스 1] 즐겨찾기 추가기능 소스 [5] | 파파스 | 2002.11.20 |
제로님 Select Box 조금 바꾼거... [5] | 행복한고니 | 2002.11.18 |
아래 행복한고니님의 할아버지 소스의 업글(?) 버젼입니다. [7] | (づ_-) 커터칼 | 2002.11.18 |
[re] 아래 행복한고니님의 할아버지 소스의 업글(?) 버젼입니다. [2] | Mahican | 2002.12.02 |
이미지 변환함수(롤오버) [3] | 행복한고니 | 2002.11.18 |
글상자글적으면 적은수가 숫자로 표시(글제한할때좋죠). [2] | 아벨라 | 2002.11.18 |
레이어를 원하는 곳에 고정하기입니다. [7] | 아벨라 | 2002.11.14 |
윈도우 할아버지 나타나게 하기 [11] | 행복한고니 | 2002.11.14 |
고정된 배경이미지는 싫다면서... [9] | 디아릭스 | 2002.11.12 |
엔지오같은 메뉴 만들기 #2 - Error 수정판 -_-;; [13] | Eccen | 2002.11.12 |
신기하네요+_+