글 수 109
16
조회 수 : 5264 신고 : 0
미리보기 : |
---|
미리보기<==클릭
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<style>
<!--
body,td{font-size:9pt}
//-->
</style>
<script language="javascript">
<!--
var stmnLEFT = 10; // 왼쪽 여백
var stmnGAP1 = 10; // 위쪽 여백
var stmnGAP2 = 10; // 스크롤시 떨어지는 거리
var stmnBASE = 150; //시작위치
var stmnActivateSpeed = 300; //내려오는속도
var stmnScrollSpeed = 10; //스크롤속도
var stmnTimer;
function ReadCookie(name)
{
var label = name + "=";
var labelLen = label.length;
var cLen = document.cookie.length;
var i = 0;
while (i < cLen) {
var j = i + labelLen;
if (document.cookie.substring(i, j) == label) {
var cEnd = document.cookie.indexOf(";", j);
if (cEnd == -1) cEnd = document.cookie.length;
return unescape(document.cookie.substring(j, cEnd));
}
i++;
}
return "";
}
function SaveCookie(name, value, expire)
{
var eDate = new Date();
eDate.setDate(eDate.getDate() + expire);
document.cookie = name + "=" + value + "; expires=" + eDate.toGMTString()+ "; path=/";
}
function RefreshStaticMenu()
{
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
stmnStartPoint = parseInt(SDZMENU.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
stmnRefreshTimer = stmnActivateSpeed;
if ( stmnStartPoint != stmnEndPoint ) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
SDZMENU.style.top = parseInt(SDZMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}
function ToggleAnimate()
{
if (ANIMATE.checked) {
RefreshStaticMenu();
SaveCookie("ANIMATE", "true", 300);
}
else {
clearTimeout(stmnTimer);
SDZMENU.style.top = stmnGAP1;
SaveCookie("ANIMATE", "false", 300);
}
}
function InitializeStaticMenu()
{
SDZMENU.style.left = stmnLEFT;
if (ReadCookie("ANIMATE") == "false") {
ANIMATE.checked = false;
SDZMENU.style.top = document.body.scrollTop + stmnGAP1;
}
else {
ANIMATE.checked = true;
SDZMENU.style.top = document.body.scrollTop + stmnBASE;
RefreshStaticMenu();
}
}
//-->
</script>
</head>
<body onLoad="InitializeStaticMenu();">
<div id="SDZMENU" style="width:150px; height:200px; position:absolute; left:-5000px; top:0px; z-index:100;">
<!---- 메뉴삽입 --->
<table style="border:solid 1px #000000;" cellpadding="2" cellspacing="2" width="150" bgcolor="white">
<tr>
<td bgcolor="white" align=center><p>메뉴메뉴</p></td>
</tr>
<tr>
<td align=center>
<p><input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();">스크롤 끄기</p>
</td>
</tr>
</table>
</div>
<!------- 여기까지 ------>
<p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p>
</body>
</html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<style>
<!--
body,td{font-size:9pt}
//-->
</style>
<script language="javascript">
<!--
var stmnLEFT = 10; // 왼쪽 여백
var stmnGAP1 = 10; // 위쪽 여백
var stmnGAP2 = 10; // 스크롤시 떨어지는 거리
var stmnBASE = 150; //시작위치
var stmnActivateSpeed = 300; //내려오는속도
var stmnScrollSpeed = 10; //스크롤속도
var stmnTimer;
function ReadCookie(name)
{
var label = name + "=";
var labelLen = label.length;
var cLen = document.cookie.length;
var i = 0;
while (i < cLen) {
var j = i + labelLen;
if (document.cookie.substring(i, j) == label) {
var cEnd = document.cookie.indexOf(";", j);
if (cEnd == -1) cEnd = document.cookie.length;
return unescape(document.cookie.substring(j, cEnd));
}
i++;
}
return "";
}
function SaveCookie(name, value, expire)
{
var eDate = new Date();
eDate.setDate(eDate.getDate() + expire);
document.cookie = name + "=" + value + "; expires=" + eDate.toGMTString()+ "; path=/";
}
function RefreshStaticMenu()
{
var stmnStartPoint, stmnEndPoint, stmnRefreshTimer;
stmnStartPoint = parseInt(SDZMENU.style.top, 10);
stmnEndPoint = document.body.scrollTop + stmnGAP2;
if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1;
stmnRefreshTimer = stmnActivateSpeed;
if ( stmnStartPoint != stmnEndPoint ) {
stmnScrollAmount = Math.ceil( Math.abs( stmnEndPoint - stmnStartPoint ) / 15 );
SDZMENU.style.top = parseInt(SDZMENU.style.top, 10) + ( ( stmnEndPoint<stmnStartPoint ) ? -stmnScrollAmount : stmnScrollAmount );
stmnRefreshTimer = stmnScrollSpeed;
}
stmnTimer = setTimeout ("RefreshStaticMenu();", stmnRefreshTimer);
}
function ToggleAnimate()
{
if (ANIMATE.checked) {
RefreshStaticMenu();
SaveCookie("ANIMATE", "true", 300);
}
else {
clearTimeout(stmnTimer);
SDZMENU.style.top = stmnGAP1;
SaveCookie("ANIMATE", "false", 300);
}
}
function InitializeStaticMenu()
{
SDZMENU.style.left = stmnLEFT;
if (ReadCookie("ANIMATE") == "false") {
ANIMATE.checked = false;
SDZMENU.style.top = document.body.scrollTop + stmnGAP1;
}
else {
ANIMATE.checked = true;
SDZMENU.style.top = document.body.scrollTop + stmnBASE;
RefreshStaticMenu();
}
}
//-->
</script>
</head>
<body onLoad="InitializeStaticMenu();">
<div id="SDZMENU" style="width:150px; height:200px; position:absolute; left:-5000px; top:0px; z-index:100;">
<!---- 메뉴삽입 --->
<table style="border:solid 1px #000000;" cellpadding="2" cellspacing="2" width="150" bgcolor="white">
<tr>
<td bgcolor="white" align=center><p>메뉴메뉴</p></td>
</tr>
<tr>
<td align=center>
<p><input id="ANIMATE" type="checkbox" onclick="ToggleAnimate();">스크롤 끄기</p>
</td>
</tr>
</table>
</div>
<!------- 여기까지 ------>
<p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p>
</body>
</html>
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기
본문으로 바로가기
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
첫번째 댓글을 남겨주세요!