웹마스터 팁
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 이미지를 움직이는 경우 특성상 이미지의 위치를 이동시키는 방식을 사용하기 때문에 시간이 지날수록 컴퓨터의 로드가 많이 집니다.. 이걸 홈페이지에 넣거나 하셔서 사용하기는 무리가 있지요..
신기하네요+_+