웹마스터 팁

  2. Support
  3. 웹마스터 팁

오른쪽 스크롤바 에 출렁이며 내려오는 공지창

2002.02.25 03:26

choice

<!--1. 아래 스크립트를 HEAD 부분에 복사해 넣으세요. -->

<SCRIPT LANGUAGE="JavaScript">

// Break any frames not on this page.
if (window != top)
top.location.href = location.href;


var Xpos = 0;
var Ypos = 0;
var Ygravity = 0.9;
var scrollPos = 0;
var oldScrollPos = 0;


function FloatMenu() {
docWidth = document.body.clientWidth; // Update document width
docHeight = document.body.clientHeight; // Update document height
oldScrollPos = scrollPos;
scrollPos = document.body.scrollTop; // Update scrollbar position

Xpos = (docWidth - floater.offsetWidth) - 10;
Yboundary = ((scrollPos + docHeight) - floater.offsetHeight) - 10;

if (floater.offsetTop < Yboundary - 10) // Object is behind boundary
Ypos += 3;

if (floater.offsetTop > Yboundary + 10) // Object is past boundary
Ypos -= 3;

Ypos *= Ygravity; // Slow object down

floater.style.pixelLeft = Xpos;
floater.style.pixelTop += Ypos; // Make object bounce
}


window.setInterval("FloatMenu()", 40);

</SCRIPT>

<STYLE>
<!--
#floater {position: absolute;
border-style: ridge;
border-width: 4px;
border-color: #4696C8;
background-color: #DEDEDE;
width: 200px;
height: 75px;
text-align: center;
z-index: 1; }

table.pressed {border-style: inset;
border-width: 1px;
background-color: #EFEFEF;
width: 160px;
height: 45px;
margin-top: 8pt; }

td.mnuMsg {text-align: center;
font-family: Verdana, Arial, Helvetica, Tahoma, MS Sans Serif;
font-weight: bold;
font-size: 8pt;
color: #006699; }
-->
</STYLE>


<!--<BODY></BODY> 부분에 아래의 스크립트를 복사해 넣으세요-->

<DIV ID="floater">
<TABLE CLASS="pressed">
<TD CLASS="mnuMsg">
YAJAVA <A HREF="http://yajava.com/">here</A>
</TD>
</TABLE>
</DIV>

이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
▩왼쪽에다가 스크롤바 넣기 [1] ▩윤미 2002.02.21
▩HTML 최적화 기법 [3] ▩윤미 2002.02.21
msn 메신저 내 홈에서 채팅창과/대화상대 추가하기를 넣어보장! [8] 카멜롯™ 2002.02.21
브라우저 입력 창에 나만의 아이콘 띄우기 [2] Topy 2002.02.22
원하는 위치에 배경 고정 시키기 [5] Topy 2002.02.22
Http에러코드들입니다 [8] Shyos 2002.02.22
▩[CSS] 한꺼번에 border =0 으로주기 (최적화 방법) ▩윤미 2002.02.22
▩<subject> 앞으로가기, 뒤로가기, 새로고침 버튼 만들기 ▩윤미 2002.02.22
▩(a href=#) 대신에 쓸수 있는 스타일 태그 [3] ▩윤미 2002.02.22
[CSS]모든 엘리먼트에 스타일시트 지정 [1] 엔카일 2002.02.22
Microsoft 에이전트를 이용해서 멋나게 꾸며보자 -_-)/ [7] 티르-_-)/ 2002.02.23
HTML 문서 용량 줄이기 [9] Telles 2002.02.24
[CSS+JAVA]CSS 와 자바스크립트를 파일로 만들어 연결 [5] ▩윤미 2002.02.24
동영상을 띄어볼까요? [2] ZipShin 2002.02.24
오른쪽 스크롤바 에 출렁이며 내려오는 공지창 [3] file choice 2002.02.25
페이지 스크롤 - 네개의 레이어를 이용한겁니다 [4] file choice 2002.02.25
[스타일시트] 스타일 시트의 개념 [4] 태엽감는새 2002.02.26
[HTML] 기초적인 태그모음 #1 태엽감는새 2002.02.26
[HTML] 기초적인 태그모음 #2 [1] 태엽감는새 2002.02.26
[HTML] 기초적인 태그모음 #3 태엽감는새 2002.02.26
태그 쓰기