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