位置: 编程技术 - 正文

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

编辑:rootadmin

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

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

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

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

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

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

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

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

前面的分析说得有点??铝? 还是看看代码吧. :) 为了突出改动的部分, 我在代码中加入了一些 Log.

初始化初始不透明度为 0, 而最大不透明度为被设定值或者 1.

激活先进行前期处理, 再对菜单的透明度进行处理.

加强菜单的不透明度, 直到透明度到达最大不透明度.

解除对菜单的透明度进行处理.

减弱菜单的不透明度, 直到透明度为 0 并隐藏菜单.

编写PHP脚本使WordPress的主题支持Widget侧边栏 帮网友小改了一下主题.任务比较简单,只是为一个三栏主题添加对Widget的支持而已,就先从这次简单的案例开始说吧.单侧边栏functions.phpphpif(function_exists('r

php生成curl命令行的方法 本文实例讲述了php生成curl命令行的方法。分享给大家供大家参考,具体如下:示例:curl"

PHP工程师VIM配置分享 关于我的vim配置经常在服务器上写代码,一个朋友提供了关于他的vim配置,在此分享给大家。界面效果图:.vimrc内容如下"========================================

本文链接地址:https://www.jiuchutong.com/biancheng/281575.html 转载请保留说明!

上一篇:搭建Vim为自定义的PHP开发工具的一些技巧(如何使用vim创建文件)

下一篇:编写PHP脚本使WordPress的主题支持Widget侧边栏(php如何运行脚本)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络