글 수 157
| 자료출처 : | |
|---|---|
| 미리보기 : | http://www.daerew.com/example/?example=따라다니는레이어 |
<SCRIPT LANGUAGE="JavaScript">
function CheckUIElements() {
var yMenu1From, yMenu1To, yOffset, timeoutNextCheck;
var wndWidth = parseInt(document.body.clientWidth);
yMenu1From = parseInt (daerewLayer.style.top, 10);
yMenu1To = document.body.scrollTop + 200; // 위쪽 위치
timeoutNextCheck = 500;
if ( yMenu1From != yMenu1To ) {
yOffset = Math.ceil( Math.abs( yMenu1To - yMenu1From ) / 20 );
if ( yMenu1To < yMenu1From )
yOffset = -yOffset;
daerewLayer.style.top = parseInt (daerewLayer.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
daerewLayer.style.left = (document.body.clientWidth/2)+440;
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function MovePosition() {
var wndWidth = parseInt(document.body.clientWidth);
// 페에지 로딩시 포지션
daerewLayer.style.top = 200;
daerewLayer.style.left = (document.body.clientWidth/2)+440;
daerewLayer.style.visibility = "visible";
// initializing UI update timer
CheckUIElements();
return true;
}
</SCRIPT>
<p>h</p>
<p>t</p>
<p>t</p>
<p>p</p>
<p>:</p>
<p>/</p>
<p>/</p>
<p>w</p>
<p>w</p>
<p>w</p>
<p>.</p>
<p>d</p>
<p>a</p>
<p>e</p>
<p>r</p>
<p>e</p>
<p>w</p>
<p>.</p>
<p>c</p>
<p>o</p>
<p>m</p>
<div style="position:absolute;top:200px;left:expression( (document.body.clientWidth/2)+440);z-index:2;" id="daerewLayer" name="daerewLayer">
<table width="50" height="100" border="0">
<tr>
<td style="background-color:#2c2c2c; padding:5px; text-align:center;"><span style="color:white">내용</span></td>
</tr>
</table>
</div>
<script language='JavaScript'>MovePosition();</script>
-->function CheckUIElements() {
var yMenu1From, yMenu1To, yOffset, timeoutNextCheck;
var wndWidth = parseInt(document.body.clientWidth);
yMenu1From = parseInt (daerewLayer.style.top, 10);
yMenu1To = document.body.scrollTop + 200; // 위쪽 위치
timeoutNextCheck = 500;
if ( yMenu1From != yMenu1To ) {
yOffset = Math.ceil( Math.abs( yMenu1To - yMenu1From ) / 20 );
if ( yMenu1To < yMenu1From )
yOffset = -yOffset;
daerewLayer.style.top = parseInt (daerewLayer.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
daerewLayer.style.left = (document.body.clientWidth/2)+440;
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function MovePosition() {
var wndWidth = parseInt(document.body.clientWidth);
// 페에지 로딩시 포지션
daerewLayer.style.top = 200;
daerewLayer.style.left = (document.body.clientWidth/2)+440;
daerewLayer.style.visibility = "visible";
// initializing UI update timer
CheckUIElements();
return true;
}
</SCRIPT>
<p>h</p>
<p>t</p>
<p>t</p>
<p>p</p>
<p>:</p>
<p>/</p>
<p>/</p>
<p>w</p>
<p>w</p>
<p>w</p>
<p>.</p>
<p>d</p>
<p>a</p>
<p>e</p>
<p>r</p>
<p>e</p>
<p>w</p>
<p>.</p>
<p>c</p>
<p>o</p>
<p>m</p>
<div style="position:absolute;top:200px;left:expression( (document.body.clientWidth/2)+440);z-index:2;" id="daerewLayer" name="daerewLayer">
<table width="50" height="100" border="0">
<tr>
<td style="background-color:#2c2c2c; padding:5px; text-align:center;"><span style="color:white">내용</span></td>
</tr>
</table>
</div>
<script language='JavaScript'>MovePosition();</script>













