为了账号安全,请及时绑定邮箱和手机立即绑定

前端菜单效果

前端菜单效果

workerworking 2017-07-08 10:21:41
像这种,两个页面,当前页面的tab标签加入下划线样式,这个怎么做?难道写js,判断地址栏是 login还是 register?这里的关键是:出现了页面跳转。是两个页面 公用一个导航栏,不是单页面的选项卡。
查看完整描述

2 回答

已采纳
?
如果不能解决你的问题丶我会惭愧

TA贡献22条经验 获得超8个赞

这是layui的社区模块吧?

layui是把这个当成两个页面在写,当然你也可以当成一个页面来写完全没问题。

1+4=5;2+3也可以等于5;

至于下划线的样式也可以用js来写,

但是建议用css就行,

css的hover伪类就可以做到。

前端写代码有一个原则:能用css解决的尽量使用css,而不使用js。

查看完整回答
1 反对 回复 2017-07-14
  • workerworking
    workerworking
    一个页面的我会写啊 很简单。我就是不知道两个页面,甚至更多页面 公用一个导航菜单的时候,怎么写.
?
拿不到钥匙的车放不进手机的歌

TA贡献71条经验 获得超29个赞

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

查看完整回答
反对 回复 2017-07-08
  • workerworking
    workerworking
    看了大家的回复,貌似我说的不是很清楚。添加样式我知道怎么写。 现在问题是,有一个注册页和登录页,他们是两个页面,当在注册页的时候,注册下面有样式,当前所在登录页时,登录按钮下面有样式。
  • 拿不到钥匙的车放不进手机的歌
    拿不到钥匙的车放不进手机的歌
    我表述的很清楚了,是你不理解选项卡切换。建议你先去度娘一下 或者去看一下慕课老师的课程 。还有我的采纳
  • workerworking
    workerworking
    选项卡很简单的,而且是单页面,不存在页面跳转的情况,我想表达的是,某个网站,共用一个导航栏,有多个栏目,比如点击‘汽车’栏目,跳转到相应的页面下,但是导航栏上‘汽车’这两个字颜色变红。因为出现了页面跳转,这是关键。
点击展开后面1
?
workerworking

TA贡献9条经验 获得超2个赞

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

查看完整回答
反对 回复 2017-07-08
?
MR帽子先生

TA贡献245条经验 获得超106个赞

用css3可以直接写

tageName:onmouseover{position:block}

就可以了,没必要用JS太麻烦了,虽然说JS也是可以的。

查看完整回答
反对 回复 2017-07-08
  • workerworking
    workerworking
    样式我知道怎么写。 现在问题是,有一个注册页和登录页,他们是两个页面,当在注册页的时候,注册下面有样式,当前所在登录页时,登录按钮下面有样式。
?
书旅

TA贡献238条经验 获得超101个赞

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

查看完整回答
反对 回复 2017-07-08
  • workerworking
    workerworking
    样式我知道怎么写。 现在问题是,有一个注册页和登录页,他们是两个页面,当在注册页的时候,注册下面有样式,当前所在登录页时,登录按钮下面有样式。
?
慕粉125816

TA贡献2条经验 获得超0个赞

hover 也可以的把

查看完整回答
反对 回复 2017-07-08
  • workerworking
    workerworking
    样式我知道怎么写。 现在问题是,有一个注册页和登录页,他们是两个页面,当在注册页的时候,注册下面有样式,当前所在登录页时,登录按钮下面有样式。
  • 2 回答
  • 0 关注
  • 6915 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信