下拉菜单
Posted 宋小尧
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了下拉菜单相关的知识，希望对你有一定的参考价值。
<script>
var timer1 = null;
var oDiv1 = document.getElementById("div1");
Move(oDiv1, timer1);
var timer2 = null;
var oDiv3 = document.getElementById("div3");
Move(oDiv3, timer2);
function Move(oDiv, timer) {
oDiv.onmouseover = function () {
if (oDiv.offsetHeight < 390) {
clearInterval(timer);
timer = window.setInterval(function () {
oDiv.style.height = (oDiv.offsetHeight + 10) + ‘px‘;
if (oDiv.offsetHeight >= 400) {
clearInterval(timer);
}
}, 20);
}
};
oDiv.onmouseout = function () {
if (oDiv.offsetHeight > 50) {
clearInterval(timer);
timer = window.setInterval(function () {
oDiv.style.height = (oDiv.offsetHeight - 10) + ‘px‘;
if (oDiv.offsetHeight <= 50) {
clearInterval(timer);
}
}, 20);
}
};
}
</script>
以上是关于下拉菜单的主要内容，如果未能解决你的问题，请参考以下文章