点击按钮显示导航，再点击按钮收回导航

用CSS怎么实现

qq__9987 2018-03-21

源自：项目：移动端课程列表页 7-2 作业题

29

收起

1回答

好帮手慕星星 2018-03-21 10:34:50

这个是要使用js点击事件来实现的，给你一个布局方式：

、

让红色盒子作为粉色盒子的子元素，设置相对于粉盒子绝对定位，点击绿色按钮时，改变红色盒子的top值，或者是使用jquery的动画来设置都是可以的。自己尝试做一下，祝学习愉快~~

提问者 qq__9987 #1

作业要求不是说使用过渡吗，在js里面使用？

2018-03-21 11:50:55
好帮手慕星星回复提问者 qq__9987 #2

过渡在css中使用，用transition对js中top值的改变做出过渡效果。

2018-03-21 13:34:59

相似问题

老师你好，按钮onclick怎么判断是否被点击？

点击“求累加和”按钮，没有任何反应

这样的话开关导航栏都必须点按钮了？

老师。点击答案按钮，如何恢复option按钮，故事版怎么和纯代码结合使用啊

页面缩小到768px之后，顶部的导航不见了

登录后可查看更多问答，登录/注册

响应式开发与常用框架 2018

参与学习人
提交作业 2198 份
解答问题 5012 个

如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！

本课精华内容

问答作业

图片高度不一样的问题

45 24

请问老师原理是什么

70 16

请问老师到底是什么机制

44 12

我的js为什么绑定不上啊

0 11

请问这个怎么解释

44 11

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载