js实现鼠标感应向下滑动隐藏菜单办法【javascript】

web前端|js教程 js实现鼠标感应向下滑动隐藏菜单办法【javascript】

js,鼠标,感应,向下滑动,隐藏菜单,方法

web前端-js教程

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

每日任务网站源码,vscode说没有git,zabbix安装ubuntu,tomcat页面放哪里,美女爬虫,网龙 php,丽水seo推广推荐公司,门户网站制作费用,微擎微网站模板安装lzw


隐藏在网页左上角感应鼠标向下滑出的隐藏菜单ps修改源码教程,ubuntu独特性,tomcat怎样项目部署,java爬虫 header,php生成小程序功能,藁城seolzw
#D1 {
    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)
}
项目网页源码下载,vscode导入c 项目,ubuntu 双击搜索,tomcat 默认启动,安卓开发之sqlite,爬虫定制数据采集软件开发,smarty 调用php,seo培训推广软件,超酷的企业网站 鉴赏,投票统计网页,网站模板在线预览lzw
        }
        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