웹마스터 팁
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 이미지를 움직이는 경우 특성상 이미지의 위치를 이동시키는 방식을 사용하기 때문에 시간이 지날수록 컴퓨터의 로드가 많이 집니다.. 이걸 홈페이지에 넣거나 하셔서 사용하기는 무리가 있지요..
제목 | 글쓴이 | 날짜 |
---|---|---|
윈도우 할아버지 나타나게 하기 [11] | 행복한고니 | 2002.11.14 |
고정된 배경이미지는 싫다면서... [9] | 디아릭스 | 2002.11.12 |
엔지오같은 메뉴 만들기 #2 - Error 수정판 -_-;; [13] | Eccen | 2002.11.12 |
[re] 엔지오같은 메뉴 만들기 #2 -> 레이어배치 팁! //ⓦⓞⓞⓡⓨ님참고 [3] | Aracing™ | 2003.01.10 |
방문자가 특정부분 텍스트크기 바꿀수 있게 (확대/축소) [2] | 디아릭스 | 2002.11.05 |
링크 포커스 없애기 3탄 [10] | 멀대 | 2002.11.05 |
엔지오같은 메뉴 만들기 #1 - 수정판 [6] | Eccen | 2002.11.05 |
[자작] select 폼 태그 html로 허접하게나마 꾸며보기 [18] | zero | 2002.11.05 |
글씨 하이퍼링크시 밑줄 없에기 [8] | 이솔렛 | 2002.10.31 |
하이퍼링크 점선 테두리 없애기 [9] | 레드 | 2002.10.31 |
붙여넣기 및 마우스 우측버튼 금지.. [3] | 민이 | 2002.10.31 |
여러개의 창을 동시에 열고 ~~함목~~에 닫기 | 디아릭스 | 2002.10.30 |
원하는 부분에 문서나 이미지 불러들이기 | 디아릭스 | 2002.10.30 |
노래방 에 보면 나오는 글씨 같은 소스 | 臥龍先生 | 2002.10.27 |
IFRAME을 드래그해서 크롬리스처럼 사용하기 [16] | 멀대 | 2002.10.21 |
숫자 세자리마다 컴마(,) 찍어주기 [1] | 행복한고니 | 2002.10.20 |
단축키로 페이지이동 [17] | 아벨라 | 2002.10.18 |
E-mail 추출기에 걸리지 않게 E-mail 링크하기 [2] | 아이쿠 | 2002.10.18 |
필드값의 유효성을 검사하는 함수 | 아이쿠 | 2002.10.18 |
MSN 메신져 이모티콘을 게시판에서 사용해보자! [6] | 민이 | 2002.10.16 |
신기하네요+_+