웹마스터 팁
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 이미지를 움직이는 경우 특성상 이미지의 위치를 이동시키는 방식을 사용하기 때문에 시간이 지날수록 컴퓨터의 로드가 많이 집니다.. 이걸 홈페이지에 넣거나 하셔서 사용하기는 무리가 있지요..
제목 | 글쓴이 | 날짜 |
---|---|---|
Rain# 위로 흐르는글 만들기 | Rain | 2005.08.14 |
색상값의 속성 [2] | 대류 | 2005.08.10 |
효율적인 폰트 속성 지정 [4] | 대류 | 2005.08.10 |
필터 효과들
[1]
![]() | keymove | 2005.07.08 |
textarea 속에 내용넣기 (마우스클릭시 사라짐) [5] | 우연 | 2005.04.16 |
스킨작업에 중요하게 쓰이는 것들
[2]
![]() | ProSense™ | 2005.04.12 |
iframe 그때그때 달라요 ~ [높이자동변경] [15] | kim's | 2005.02.18 |
TAG로 이미지테두리 만들기 [3] | 하나둘 | 2005.02.12 |
문서 출입시 여러가지효과나타내기(메타태그) [1] | HYESOO | 2005.02.11 |
포토샵없이 이미지에 멋진 효과 내기 # [5] | Kasis | 2005.02.04 |
XHTML 1.0 팁 [8] | EDENe | 2005.01.22 |
XHTML 1.0 Strict에서 더 이상 사용할 수 없는 태그 / 속성 [16] | EDENe | 2005.01.22 |
[기초]홈페이지의 프레임 나누기 입니다. [5] | piasol | 2004.12.10 |
드래그 금지 및 오른쪽 버튼 금지 소스 [6] | 편입성공기 | 2004.12.06 |
브라우저 주소창에 긴 경로 안 나타나게 하기 [7] | 편입성공기 | 2004.12.06 |
새창에 폼태그로 전송하기 | 편입성공기 | 2004.12.06 |
도메인 포워딩 즉 페이지 자동이동하기 [6] | 편입성공기 | 2004.12.06 |
페이지 회색스크롤바로 바꾸기 | 편입성공기 | 2004.12.06 |
톡톡 튀는 홈페이지 테이블 제작하기 ^^ [6] | piasol | 2004.12.03 |
최근게시물의 폰트크기와 링크색상 바꾸는 방법 | LUFFY | 2004.11.20 |
신기하네요+_+