WordPress导航菜单的滚动和淡入淡出效果的实现要点(WordPress导航菜单权限控制)

编辑：rootadmin

推荐整理分享WordPress导航菜单的滚动和淡入淡出效果的实现要点(WordPress导航菜单权限控制)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:wordpress导航菜单二级菜单,wordpress网址导航主题,wordpress如何增加顶部导航,wordpress导航菜单二级菜单,WordPress导航菜单权限控制,wordpress导航插件,wordpress导航插件,wordpress导航菜单设置,内容如对您有帮助，希望把文章链接给更多的朋友！

滚动导航菜单滚动菜单, 顾名思义是以滚动的方式显示和隐藏菜单的. 其实跟淡入淡出菜单和滚动菜单的原理是一样的, 前者是在触发事件的时候改变菜单的透明度, 而后者则是改变菜单的高度. 那为什么后者的处理难度会比前者高呢&#; 这正因为菜单高度的处理比透明度有更高的技巧要求. 下面我们就讨论一下该如何处理, 并难在什么地方.

初期化处理为了处理更加灵活, 我们需要为它定义一个作为参数的滑动速度, 也就是每一个单位时间间隔, 菜单高度的改变幅度. 另外, 我们需要将菜单的初始高度定为 0.

展开和折叠展开和折叠的方法对应淡入淡出菜单的加强和减小不透明度, 只是处理对象不一样, 原理是一样的. 要注意将获取的高度转为整型再进行计算.

激活菜单的瞬间十分十分十分重要, 滚动菜单中最具技巧, 也最有意思的一部分.本程序中, 我对获取高度的方法进行了封装, 获取高度其实是返回元素的 offsetHeight. 按我的理解 (不知道是否正确), offsetHeight 会优先去获取 CSS 样式中的高度并返回, 当样式为空时才会去获取元素的实际高度. 所以有以下代码:

淡出淡入导航菜单实施操作