可以滑动的div块
滑动的divvar i = 0;
var step = 2;
var timed;
var h = 0;//已经滑动的高度
function slide() {
timed = setTimeout("slide()", 10);
var boxHeight = document.getElementById("oBox").style.height.replace("px","");//外层div的高度
var slideBoxStyle = document.getElementById("slideBox").style;
var top = slideBoxStyle.marginTop.replace("px","");
var slideBoxHeight = slideBoxStyle.height.replace("px","");//滑动div的高度
var totalHeight = Number(boxHeight) - Number(slideBoxHeight);
h = Number(top) + step;
if(i < 50 && h <= totalHeight) {
slideBoxStyle.marginTop = h + "px";
i += step;
} else {
clearTimeout(timed);
i = 0;
}
document.getElementById("show").value = h + ":" + totalHeight;
}