猿问
下载APP

前端菜单效果


像这种,两个页面,当前页面的tab标签加入下划线样式,这个怎么做?难道写js,判断地址栏是 login还是 register?

http://img.mukewang.com/596041430001ff4b03430411.jpghttp://img.mukewang.com/5960414400013d6a03340396.jpg

这里的关键是:出现了页面跳转。是两个页面 公用一个导航栏,不是单页面的选项卡。



workerworking
浏览 3290回答 9
9回答

如果不能解决你的问题丶我会惭愧

这是layui的社区模块吧?layui是把这个当成两个页面在写,当然你也可以当成一个页面来写完全没问题。1+4=5;2+3也可以等于5;至于下划线的样式也可以用js来写,但是建议用css就行,css的hover伪类就可以做到。前端写代码有一个原则:能用css解决的尽量使用css,而不使用js。

夜舞暗澜

你两个页面是一个模板?那你可以增加一个currentPage字段,按这个字段给tab加class。不是的话分开写不就好了。

zhujun2310

亲,我觉得跟你是哪个页面没有关系,鼠标点击是DOM操作,绑定的是登录和注册这两个选项,可以完全动态的增删样子。用js给这两个选项绑定点击事件,function里写上要添加的样式就可以了。这是一个很简单的选项卡,并不明白为什么要写成两个页面

苍蝇fly

我的写法是有一个hover,然后再给你一个active(点击后)的样式,样式和hover的相同,点击选项卡的时候移除所有的active样式,并且给当前点击的选项卡加上active样式。我是后端猿,仅供参考。

无尽未来

想要简单实现效果hover 的时候给个border 就可以了 ,不过加入你想鼠标点击切换选项卡 同时样式改变的话只能JS了 给一个class 然后点击切换增加-清除样式就可以实现了 具体的你可以在慕课搜索一下Amy老师的选项卡课程 我就是看这个学习的~ 手打望采纳

workerworking

看了大家的回复,貌似我说的不是很清楚。添加样式我知道怎么写。 现在问题是,有一个注册页和登录页,他们是两个页面,当在注册页的时候,注册下面有样式,当前所在登录页时,登录按钮下面有样式。

MR帽子先生

用css3可以直接写tageName:onmouseover{position:block}就可以了,没必要用JS太麻烦了,虽然说JS也是可以的。

书旅

就是,当你鼠标放在哪个标签上时有一个onmouseover事件触发,然后添加一个下划线的样式

慕粉125816

hover 也可以的把
打开App,查看更多内容
随时随地看视频慕课网APP
我要回答