웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
ZipShin님 버튼 기능추가...누르면 링크가 됩니다...^^; [1] | 김희성 | 2003.01.05 |
[Tip]한글 97로 홈페이지 틀 짜기 [8] | Alunar | 2002.09.21 |
으앗~~ 이거 엄청긴데 어느새월에 brbr 치구있어..=_;; 한번에 엔터효과주자! [15] | 깻잎사랑=_=v | 2002.09.15 |
배경그림 고정하기 [5] | 티투 | 2002.08.28 |
노프레임 홈페이지 만들기 강좌:) [53] | Alunar@R. | 2002.08.22 |
테이블에 마우스 커서 올리면 배경색 변하게 하기 [7] | Eccen | 2002.08.17 |
그린 커뮤니티 강의 - 뉴스티커 만들기 [10] | 그린 | 2002.08.15 |
[BGM-초급]나모로 BGM 설치하기 (다운받기-시노부 포함) [5] | ▩윤미 | 2002.07.14 |
나왔다 드러갔다하는 메뉴.. [15] | Mr. JH | 2002.05.17 |
저기에서 이리로 온 글입니다. [3] | 이성영 | 2002.05.07 |
드래그하면 바뀌는 마술거울효과 (-_-")v [16] | 짱나 | 2002.04.05 |
두 개의 프레임을 동시에 제어하기 [4] | (づ_-) 위드 | 2002.03.25 |
프레임 만들기 [6] | 냠냠 | 2002.03.10 |
특수문자 사용하기 | 란즈 | 2002.03.02 |
아주!!간단한 나갈때인사말띄우기-_- | 란즈 | 2002.03.02 |
▩폼 필드 예쁘게 꾸미는 법 [2] | ▩윤미 | 2002.03.02 |
페이지 스크롤 - 네개의 레이어를 이용한겁니다 [4] | choice | 2002.02.25 |
오른쪽 스크롤바 에 출렁이며 내려오는 공지창 [3] | choice | 2002.02.25 |
해상도에 적응하는 노프레임 홈페이지 제작에 필요한 표와 셀의 관계 [8] | Multi_Taeji | 2004.10.13 |
허접 팁....레이어로 플래시 뺨치는 홈페이지 만들기 -추가- [17] | 남규성 | 2004.05.05 |