<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
var _c=_c1=_c2=null;
var _menu=["aaaaaaaaaaaaaa","bbbbbbbbbbbbbb","cccccccccccccc","ddddddddddddddddd","eeeeeeeeeeeeee","fffffffffff","gggggggggggg"];
var isok=false;
function initMenuHtml()
{
var str="";
for(var i=0;i<_menu.length;i++)
{
str+="<li>"+_menu[i]+"</li>";
}
return str;
}
function init()
{
var htmlstr=initMenuHtml();
_c1=document.createElement("div");
_c2=document.createElement("div");
_c=document.getElementById("menu");
_c1.innerHTML=htmlstr;
_c2.innerHTML=" ";
_c.appendChild(_c1);
_c.appendChild(_c2);
_c.style.width=_c1.offsetWidth;
_c.style.height=_c1.offsetHeight;
_c2.style.height=_c1.offsetHeight;
_c.style.width=_c1.offsetWidth;
_c.style.overflowY="hidden";
_c.style.width=_c1.offsetWidth;
_c.style.height=_c1.offsetHeight;
_c.scrollTop=_c.scrollHeight-_c.offsetHeight;
drop();
}
function drop()
{
if(_c.scrollTop>0)
{
_c.scrollTop-=4;
setTimeout("drop()",1);
}
else
{
shock();
}
}
function shock()
{
down(30);
}
function up(n)
{
if(n==2)return;
if(_c.scrollTop>0)
{
_c.scrollTop--;
setTimeout(function(){up(n)},4+n);
}
else
{
isok=false;
n++;
down(30-n*15);
}
}
function down(n)
{
if(typeof(n)!="number" || n<15)return;
var ii=(30-n)/10;
if( _c.scrollTop<n)
{
_c.scrollTop++;
setTimeout(function(){down(n)},4+ii);
}
else
{
isok=true;
up(ii);
}
}
function debug(str)
{
document.body.insertAdjacentHTML("BeforeEnd",str+"<br />");
}
</script>
</HEAD>
<BODY onload="init()">
<div><a href="javascript:load('menu')">菜單</a></div>
<div id="menu" style="border:1px solid black;">
</div>
</BODY>
</HTML>