“最难不过坚持”
本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作
有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339
- <script>alert(11)</script>
-
- :kaixin: :haha:
-
- 666 :kaixin:
-
- 楼主很给力,请教了有一个问题,很细心给我解答,还帮我解决了问题。 :zhenbang: :zhenbang: :zhenbang:
-
- 厉害 :zhenbang: :zhenbang: :zhenbang:
-
layui导航栏鼠标经过青色条块怎么移到顶部?
layui-nav-bar怎么移到导航栏的顶部?
青色条块其实就是<span class="layui-nav-bar"></span>在鼠标经过时会变成<span class="layui-nav-bar" style="left: 305.875px; top: 111px; width: 0px; opacity: 0;"></span>,所以,如果我们把top:111px变成top:0,青色条块就可以移到顶部了。
图示:
1,菜单栏加载最初状态(浏览器按f12打开调试框),可以看到<span class="layui-nav-bar"></span>在菜单栏最后面
2,鼠标经过菜单,发现变成<span class="layui-nav-bar" style="left: 305.875px; top: 111px; width: 0px; opacity: 0;"></span>,所以我们只需要把top:111px改成top:0,就可以了。由于<span class="layui-nav-bar" style="left: 305.875px; top: 111px; width: 0px; opacity: 0;"></span>是通过js控制实现的,所以我们只需要修改layui\lay\modules\element.js就可以实现了。
3,修改layui\lay\modules\element.js,
搜索top:c.position().top+c.height()-l.height()改为top:0
再次打开浏览器预览,发现条块跑到了顶部。
company下面的条块在底部,怎么回事?这是菜单的选中状态,需要修改css,
打开layui.css,找到.layui-nav .layui-this:after{content:'';top:auto;bottom:0;width:100%}
把top:auto改为top:0就可以了,不要直接修改layui.css,可以自己写css覆盖layui.css的设置,然后就ok了

