js如何实现页面侧滑菜单的效果(附代码)【点击查看详情】
写手机站的时候经常会有侧滑菜单,下面就为大家介绍。先定义一个最外层p container,这个也是页面显示部分,设置样式overflow: hidden。然后在container里面定义个p为侧滑菜单,样式为:position: absolute;top: 0px;left:-菜单宽度。还需要在container里面写一个p main,这个p里面存放主页面。下面就是js实现了;大致思路如下:当点击菜单按钮显示菜单时,main向一旁移动菜单宽度的大小,菜单left为0;菜单消失时,还原至原来状态。代码如下:
相关视频/文章