 |
|
| |
| 클릭에 의한 슬라이드 (y축 레이어 슬라이딩) |
|
|
  |
13년 전
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> musictrot.com </title>
<script language='javascript'>
<!--
var sd;
var hi = 30;
var min = 30;
var max = 150;
window.onload = function()
{
sd = document.getElementById('slide');
sd.style.top = document.body.clientHeight - hi;
}
function fncHeight(obj)
{
return document.body.clientHeight;
}
var up;
var dn;
function fncUp()
{
clearTimeout(dn);
var obj = document.getElementById('btn');
obj.onclick = fncDown;
if(hi<max)
{
hi += 5;
sd.style.top = document.body.clientHeight - hi;
sd.style.height = hi;
up = setTimeout(fncUp,10);
}
else
{
obj.innerHTML = 'down';
}
}
function fncDown()
{
clearTimeout(up);
var obj = document.getElementById('btn');
obj.onclick = fncUp;
if(hi>min)
{
hi -= 5;
sd.style.top = document.body.clientHeight - hi;
sd.style.height = hi;
dn = setTimeout(fncDown,10);
}
else
{
obj.innerHTML = 'up2';
}
}
//-->
</script>
</head>
<body leftmargin='0' topmargin='0'>
<form name='frm'>
<div style='background-color:blue; width:100%; height:expression_(fncHeight(this));'></div>
<div id='slide' style='position:absolute; background-color:red; top:100px; left:0px; width:100%; height:30; text-align:center;'>
<span id='btn' style='background-color:black; width:30px; height:20px; color:white; cursor:hand;' onclick='fncUp();'>up</span>
</div>
</form>
</body>
</html> |
|
 추천 : 417 |
추천
목록
|
|
| |
|
