鼠标诱导向下滑动隐藏菜单的js实现

鼠标诱导向下滑动隐藏菜单的js实现
本文介绍了js实现鼠标感应向下滑动隐藏菜单的方法,供大家参考,具体实现方法如下:

复制代码代码如下所示:
隐藏在网页左上角的隐藏菜单,可以从鼠标中滑出。

{ # D1

background-color:蓝色;

border-bottom:白2px开始;

border-left:白2px开始;

border-right:白2px开始;

硬盘市场关注调查:白2px开始;

左:0px;位置:绝对的;

上图:0px;能见度:隐藏;

宽度:300px;

层的背景颜色:浅绿色

}

一个{字体大小:9pt;颜色:# 000000 }

答:链接{文字装饰:无}

答:悬停{文字装饰:无;颜色:# ffffff }

答:访问了{文本装饰:无}

。40pt {字体大小:40pt;颜色:# ub39a1;字体:Wen Ding amber传播}
功能(菜单)/隐藏菜单

{

如果(N4){

ClearTimeout(out_id)

如果(menu.top > menuh * 1 + 20 + 10){

menu.top = 8

in_id = setTimeout(菜单()

}

如果(menu.top > menuh * 1 + 20){

menu.top-—

in_id = setTimeout(菜单()

}

}

{其他

ClearTimeout(out_id)

如果(menu.pixeltop > menuh * 1 + 20 + 10){

menu.pixeltop = 8

in_id = setTimeout(菜单()

}

如果(menu.pixeltop > menuh * 1 + 20){

menu.pixeltop-—

in_id = setTimeout(菜单()

}

}

}

功能(menuout) / /菜单显示

{

如果(N4){

ClearTimeout(in_id)

如果(menu.top < 10){

menu.top = 4

out_id = setTimeout(menuout()

}

如果(menu.top<0){

菜单+顶部+

out_id = setTimeout(menuout()

}
}

{其他

ClearTimeout(in_id)

如果(menu.pixeltop < 10){

menu.pixeltop = 2

out_id = setTimeout(menuout()

}

如果(menu.pixeltop<0){

pixeltop +菜单。

out_id = setTimeout(menuout()

}

}

}

功能fireover(){

ClearTimeout(f_out)

f_over = setTimeout(menuout()

}

功能fireout(){

ClearTimeout(f_over)

f_out = setTimeout(菜单()

}

函数init(){

如果(N4){

菜单= document.d1

menuh = menu.document.height

menu.top =菜单。文件。高度* 1 + 20

menu.onmouseover = menuout

menu.onmouseout =菜单

menu.visibility =可见

}

如果(E4){

菜单= d1.style

menuh = d1.offsetheight

d1.style.pixeltop = D1。offsetheight * 1 + 20

d1.onmouseover = fireover

d1.onmouseout = fireout

d1.style.visibility =可见

}

}

f_over = f_out = in_id = out_id = null

N4 =(文件。层)1:0

E4 =(文件。所有)1:0;

M

E

n

u
选项1
选项2
选项3
选项4
选项5
选项6
选项7
选项8
选项9
选项10


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

tag:菜单鼠标诱导电脑软件js

相关内容