【发布时间】:2015-01-21 06:16:30
【问题描述】:
我想为导航链接添加悬停效果。 效果:悬停时一条小宽度线抬起。 我发现一个网站正在使用这种悬停效果,请查看顶部导航。 www.ambientlounge.sg
你知道怎么做吗?
提前致谢。 安迪
【问题讨论】:
-
我可以知道你指的是什么文件吗?
-
任何文档。以 MDN 为例。
我想为导航链接添加悬停效果。 效果:悬停时一条小宽度线抬起。 我发现一个网站正在使用这种悬停效果,请查看顶部导航。 www.ambientlounge.sg
你知道怎么做吗?
提前致谢。 安迪
【问题讨论】:
只需查看 CSS :hover 标签上的W3Schools page。
你的 CSS 文件看起来像这样:
.element:hover{
border-bottom: 3px solid grey;
}
这将为您提供下划线,而不会顺利落入。如果您想做与网站类似的事情,请使用 JQuery。
【讨论】: