|
|
 |
 |
바운스되면서 따라다니는 Floating Menu |
|
|
 |
|
|
Date : 2006-10-20 PM 03:23, Hit : 4830 |
|
|
|
|
|
|
<div id="Layer1">
<TABLE width=145 height=60>
<TR>
<TD><img src="http://www.previl.net/html/img/logo.gif"></TD>
</TR>
</TABLE>
</div>
<TABLE width=80 height=1500>
<TR>
<TD></TD>
</TR>
</TABLE>
<script type="text/javascript">
var startX = 800; //시작 left위치
var startY = 100; //시작 top위치
var Ypos = 0;
var Ygravity = 0.85;
var scrollPos = 0;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var ls=document.getElementById("Layer1");
ls.style.position='absolute';
ls.style.left = startX;
ls.style.top=startY;
function FloatMenu() {
scrollPos = ns ? pageYOffset : document.body.scrollTop // Update scrollbar position
Yboundary = (scrollPos)+startY;
if (parseInt(ls.style.top) > Yboundary + 1) // Object is behind boundary
Ypos -= 1;
if (parseInt(ls.style.top) < Yboundary - 1) // Object is past boundary
Ypos += 2;
Ypos *= Ygravity; // Slow object down
ls.style.top = parseInt(ls.style.top) + Ypos; // Make object bounce
}
window.setInterval("FloatMenu()", 1); //매개변수중 뒷쪽 숫자는 내려오는 속도
</script> |
|
|
|
|
|
|
|
|
|
|
|
| | |
|
|
|
|
팁엔테크
