스크롤 배너 만드는 방법입니다.
<!-- <head> 와 </head> 사이에 넣으세요. -->
<STYLE type=text/css>
#scroll_banner { left:0px; top:0px; position:absolute; visibility:visible; }
</STYLE>
<SCRIPT language="JavaScript">
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0; NS = (document.layers) ? 1 : 0; IE = (document.all) ? 1: 0;
function heartBeat() {
if(IE) {
diffY = document.body.scrollTop;
diffX = 0;
}
if(NS) {
diffY = self.pageYOffset; diffX = self.pageXOffset;
}
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.scroll_banner.style.pixelTop += percent;
if(NS) document.scroll_banner.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.scroll_banner.style.pixelLeft += percent;
if(NS) document.scroll_banner.top += percent;
lastScrollY = lastScrollY + percent;
}
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
</SCRIPT>
<!-- 여기까지 <head> 와 </head> 사이에 넣으세요. -->
<div style="position:relative; z-index:1; left: -430px; top: -10px;">
<DIV id="scroll_banner" style="left: 785px; top:10px; visibility:visible;">
<!-- 여기서부터 배너이미지 삽입 -->
내용
<!-- 스크롤배너 끝 -->
</DIV>
</div>
---------------------------------------------------------------------
절대값 수정해서 적용하면 어떤 해상도에서도 정해진 위치에 흐르는 스크롤배너를 만드실 수 있습니다.
댓글 7개
<div style="position:relative; z-index:1; left: -430px; top: -10px;">
<DIV id="scroll_banner" style="left: 785px; top:10px; visibility:visible;">
이부분 에서 수정하는게 절대값이죠?...
게시판 목록
그누4 팁자료실
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3309 | 3년 전 | 1799 | ||
| 3308 | 11년 전 | 2088 | ||
| 3307 |
uPAmJ903
|
6년 전 | 4743 | |
| 3306 |
바른사나이
|
6년 전 | 3270 | |
| 3305 | 6년 전 | 12298 | ||
| 3304 | 7년 전 | 3700 | ||
| 3303 | 7년 전 | 3739 | ||
| 3302 |
지리산초보
|
7년 전 | 13590 | |
| 3301 |
sozet
|
8년 전 | 4898 | |
| 3300 |
sozet
|
8년 전 | 5964 | |
| 3299 |
sozet
|
8년 전 | 10857 | |
| 3298 | 8년 전 | 4009 | ||
| 3297 |
또치하우스
|
8년 전 | 4435 | |
| 3296 | 8년 전 | 11962 | ||
| 3295 |
또치하우스
|
8년 전 | 14979 | |
| 3294 | 8년 전 | 6017 | ||
| 3293 | 8년 전 | 5584 | ||
| 3292 |
 bluells |
9년 전 | 5310 | |
| 3291 | 9년 전 | 13674 | ||
| 3290 | 9년 전 | 5044 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기