欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JS实现鼠标滑过折叠与展开菜单效果代码_javascript技巧

程序员文章站 2022-04-02 22:33:51
...
本文实例讲述了JS实现鼠标滑过折叠与展开菜单效果代码。分享给大家供大家参考。具体如下:

这是一款展开菜单特效,鼠标移上的时候自动展开,移走后自动折叠隐藏起来,运用了JS技术,并结合了CSS共同实现的效果。本折叠菜单类似QQ可折叠的好友列表一样,不少人喜欢这种菜单。

运行效果截图如下:

JS实现鼠标滑过折叠与展开菜单效果代码_javascript技巧

在线演示地址如下:

http://demo.jb51.net/js/2015/js-hover-show-hidden-menu-style-codes/

具体代码如下:



移上展开的菜单
JS实现鼠标滑过折叠与展开菜单效果代码_javascript技巧
人事审批
员工调动 岗位编制 离职备案
培训申请 招聘备案
辅助办公

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