鼠标诱导向下滑动隐藏菜单的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程序设计有所帮助。