html鼠标自动向下滑动,js实现鼠标感应向下滑动隐藏菜单的方法

本文实例讲述了js实现鼠标感应向下滑动隐藏菜单的方法。分享给大家供大家参考。具体实现方法如下：

隐藏在网页左上角感应鼠标向下滑出的隐藏菜单

BACKGROUND-COLOR: blue;

BORDER-BOTTOM: white 2px outset;

BORDER-LEFT: white 2px outset;

BORDER-RIGHT: white 2px outset;

BORDER-TOP: white 2px outset;

LEFT: 0px; POSITION: absolute;

TOP: 0px; VISIBILITY: hidden;

WIDTH: 300px;

layer-background-color: lightgreen

}

a{font-size:9pt;color:#000000}

a:link{text-decoration:none}

a:hover{text-decoration:none;color:#FFFFFF}

a:visited{text-decoration:none}

.40pt{font-size:40pt;color:#ub39a1;font-family:文鼎琥珀繁}

function menuIn() //菜单隐藏

{

if(n4) {

clearTimeout(out_ID)

if( menu.top > menuH*-1+20+10 ) {

menu.top -= 8

in_ID = setTimeout("menuIn()", 1)

}

else if( menu.top > menuH*-1+20 ) {

menu.top--

in_ID = setTimeout("menuIn()", 1)

}

}

else {

clearTimeout(out_ID)

if( menu.pixelTop > menuH*-1+20+10 ) {

menu.pixelTop -= 8

in_ID = setTimeout("menuIn()", 1)

}

else if( menu.pixelTop > menuH*-1+20 ) {

menu.pixelTop--

in_ID = setTimeout("menuIn()", 1)

}

}

}

function menuOut() //菜单显示

{

if(n4) {

clearTimeout(in_ID)

if( menu.top < -10) {

menu.top += 4

out_ID = setTimeout("menuOut()", 1)

}

else if( menu.top < 0) {

menu.top++

out_ID = setTimeout("menuOut()", 1)

}

}

else {

clearTimeout(in_ID)

if( menu.pixelTop < -10) {

menu.pixelTop += 2

out_ID = setTimeout("menuOut()", 1)

}

else if( menu.pixelTop < 0 ) {

menu.pixelTop++

out_ID = setTimeout("menuOut()", 1)

}

}

}

function fireOver() {

clearTimeout(F_out)

F_over = setTimeout("menuOut()", 10)

}

function fireOut() {

clearTimeout(F_over)

F_out = setTimeout("menuIn()", 10)

}

function init() {

if(n4) {

menu = document.D1

menuH = menu.document.height

menu.top = menu.document.height*-1+20

menu.onmouseover = menuOut

menu.onmouseout = menuIn

menu.visibility = "visible"

}

else if(e4) {

menu = D1.style

menuH = D1.offsetHeight

D1.style.pixelTop = D1.offsetHeight*-1+20

D1.onmouseover = fireOver

D1.onmouseout = fireOut

D1.style.visibility = "visible"

}

}

F_over=F_out=in_ID=out_ID=null

n4 = (document.layers)?1:0

e4 = (document.all)?1:0;

M E N U	选     项 1 选     项 2 选     项 3 选     项 4 选     项 5	选     项 6 选     项 7 选     项 8 选     项 9 选     项 10

希望本文所述对大家的javascript程序设计有所帮助。