css导航如放置两个值

29 篇文章 0 订阅
29 篇文章 0 订阅

    如何在一个导航条中放入两个值,什么意思呢?就是我们平常看到的导航条上都有一个值,当我们鼠标移动到哪个值的时候,可以变成预先设置好的另外一个值,这个该怎么做到呢!

 我在这里讲讲我们思路,当我们制作导航条的时候,先将两个值的内容写在一起,就是说虽然在同一个元素下,但是他们还是分开的写的,写好之后我们就能看到这两个值是同时显示的,但是我们要怎么做到才能一开始就显示一个值呢?这里就可以用选择器选择那一个要隐藏的标签,先隐藏起来,这样下来那里就只剩下一个值在导航条上了!接下来我们通过代码,写当鼠标移动到指定的元素上我们将当前的这个标签隐藏起来,再将刚才一开始隐藏的值显示出来。

  隐藏的属性是display:none;

   显示的属性可以很多个:display:block 这样的话就可以将两个值分别一个隐藏,一个显示,只有执行看执行事件才会发生!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值