当前位置:首页 > 日记 > 正文

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

相关文章

订购关联数组的键的ksort方法()函数

订购关联数组的键的ksort方法()函数

函数,方法,数组,电脑软件,ksort,本文的方法使用PHP ksort()函数通过键的关联数组的顺序。分享给你供你参考。具体分析如下: PHP通过ksort()函数关联数组键排序,ksort功能根据关联数组键正排序,如果你想扭转krsort可以哦()函数 第一个=数组()5,2,1; Ksort…

PS绘制酷霸气暗黑破坏神3壁纸

PS绘制酷霸气暗黑破坏神3壁纸

壁纸,绘制,霸气,暗黑破坏神,电脑软件,本教程是介绍朋友用PS来画一个炫酷霸气的暗黑3壁纸,渲染出来的壁纸真的很酷,不是很难,推荐喜欢的朋友可以跟着教程一起学习。 本教程是介绍一个朋友PS来绘制一个炫酷霸气的暗黑3壁纸教程的方法,画出来的真…

PS图象处理软件V肖像背光软胶片

PS图象处理软件V肖像背光软胶片

肖像,图象,处理软件,电脑软件,PS,本教程介绍PS图象处理软件V写真电影屏幕背光软法的朋友,教程调出来的图片真的很漂亮,不是很难,推荐,喜欢的朋友一起学习。 最近一个模拟电影APP在朋友圈逐渐烂大街,作为视觉传达专业的PS爱好者真的看,因为我的朋…

我只是做了一个漂亮的黑板效果的文

我只是做了一个漂亮的黑板效果的文

矢量图,文本,效果,漂亮,我只是,本教程是介绍给朋友的,利用ai创建漂亮的黑板报告文本矢量图。教程制作的文本很漂亮,难度也不是很大,推荐你喜欢的朋友一起学习。 本教程介绍一个简单的朋友制作漂亮的黑板效果的文本向量使用AI教程不是很难,制作…

PS将美丽的风景画转换为怀旧效果。

PS将美丽的风景画转换为怀旧效果。

风景画,转换为,效果,美丽,电脑软件,本教程介绍给朋友,PS,把美丽的风景照片转化为怀旧效果的方法。教程产生的效果非常好,难度也不是很大。建议像你这样的朋友过来看看,希望能帮到你。 PS图象处理软件是如此强大,很多你想要的效果,可以做一个小老…

PS很快添加了一个逼真的纹身效果教

PS很快添加了一个逼真的纹身效果教

教程,硬汉,逼真,效果,电脑软件,本教程是一个简短的介绍一个朋友谁使用PS快速添加一个逼真的纹身效果的硬汉。教程的效果很好,难度也不是很大。非常适合初学者学习,推荐大家一起学习。 本教程是介绍ps快速到硬汉子用逼真的纹身效果的方法,教程…

PS透明三角形使海底底部的图像很高

PS透明三角形使海底底部的图像很高

图像,透明,三角形,很高,电脑软件,当所有的全屏大图片被设计出来时,一张地图就可以用来设置河流,这幅画的重量可能是连续几个晚上作画,或者是在新的高端数码相机中捕捉到深山中美丽的风景。 互联网给人们更多的自由选择,同时也让人们失去了其他…

面向对象的封装和继承

面向对象的封装和继承

封装,继承,面向对象的,电脑软件,在JS面向对象中对封装和继承进行整理。 1。封装 js封装中有许多实现,它们都是常用的。 1.1原始模式生成对象 将我们的成员直接写入对象并用函数返回它。缺点:很难看到模式的示例。 代码uff1a 复制代码代…

用Array.prototype.sort的方法()排序

用Array.prototype.sort的方法()排序

方法,排序,对象数组,数组,对象,本文说明了JS uses Array.prototype.sort()排序的数组对象。分享给你供你参考。具体分析如下: 当我们排序的数组对象,让Array.prototype.sort的一个简单的想法()。排序方法接受一个参数,函数,函数,它提供了两种参数,这…

写意版中文版的新特点

写意版中文版的新特点

写意,版中,电脑软件,Macromedia正式宣布今年freehandmx的中文版介绍,Macromedia公司说这是公司的第一个官方发布的简体中文版的写意中国。它的设计将启动freehandmx在线版中文试用手记近日,敬请期待。现在让我们得到一些写意MX的新功能一个粗…

教你用CDR制作一个漂亮的购物标志

教你用CDR制作一个漂亮的购物标志

教你用,标志,漂亮,电脑软件,CDR,本教程是介绍给一个朋友,利用CDR,使一个美丽的购物商场的标志。这个课程制作的logo很漂亮,而且教程很简单。当新手学习和推荐它时,喜欢它的朋友可以和教程一起学习。 本教程是介绍给一个朋友,利用CDR,使一个美丽的…

ajax的零基学习ajax框架

ajax的零基学习ajax框架

框架,学习,电脑软件,ajax,本文介绍了ajax的基础知识——ajax,并将其应用于ajax异步请求服务器。可以看出,Ajax的某些过程是相对不变的,每次发送请求时不必编写发送代码,而一些Ajax开发人员已经将它们的过程封装成Ajax框架。 这一部分主要介绍…