这篇文章主要介绍了js实现鼠标感应向下滑动隐藏菜单的方法,涉及javascript操作鼠标事件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了js实现鼠标感应向下滑动隐藏菜单的方法。分享给大家供大家参考。具体实现方法如下:
代码如下:
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;
希望本文所述对大家的javascript程序设计有所帮助。