[求助]我想实现层的滑动效果，请问怎么弄啊
层一开始是隐藏的，点击一个图片后，层出现，我现在想实现点击图片后，层从页面的最低下向上滑动到我定义的那个层的位置上，请教大家应该怎么作啊？？？
<html>
<head>
<style type="text/css">
<!--
#div1{
position:absolute;
display:none;
bottom:0px;
border:3px double #ff00ff;
height:100;
width:200;
z-index:2;
left:0;
background-color:#00ffff;
}
-->
</style>
<script language="javascript">
<!--
var runnerbottom=0;
function run()
{
document.getElementById("div1").style.position="absolute";
document.getElementById("div1").style.bottom=runnerbottom;
runnerbottom+=2; 每次运行增加的距离
if(runnerbottom==400) //这个是指定当层与底的距离为指定距离时停止
window.clearInterval(runto);
}
function show()
{
var divNode=document.getElementById("div1");
divNode.style.display="inline";
var runto=window.setInterval(run,10); //每隔指定时间数运行一次run函数
}
//-->
</script>
</head>
<body>
<a href="javascript:show();"><img src="" alt="单击图片显示层并滑动到指定的位置" height="100" width="200"></a>
<div id="div1"></div>
</body>
</html>
