html - 像谷歌一样设置侧边栏

标签 html css sidebar

我有一个关于 html 和 css 的问题。 我怎样才能制作像 Google FAQ page 中那样的侧边栏? ? 我的意思是,当您将光标放在边栏上时,会出现一个箭头,如果您移动光标,箭头也会随之移动。

希望您能帮帮我,谢谢!

最佳答案

从外观上看,它们正在监听一个事件(在本例中,当 div#gd-collapsible 悬停在上面时)并且将类“hover”添加到其中。

因此,#gd-collapsible 大约有 3 个像素宽,并且在悬停时,添加了“悬停”类,它在左右两侧都有 1px 的实心边框,仅此而已。

您可以通过 jQuery 执行此操作,只需确保您设置 div#gd-collapsible 的样式,使其高度等于右侧栏的高度。

关于html - 像谷歌一样设置侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9418976/

相关文章:

html - 两个元素之间的空间

javascript - 将 JSON 数据添加到 Html 表

css - md-sidenav fold left delay,寻找transform的替代品

javascript - HtmlUnit 登录尝试导致出现一个我无法通过的奇怪页面。 "Script is disabled. Click Submit to continue"

html - 表格 td 内的文本框

javascript - 简单的 jQuery 视差

html - CSS :active only works during a click

html - 内联显示 2 个按钮

css - 如何重新设计网站以在侧边栏周围流动内容?

php - 基于页面 ID 的 Wordpress 条件侧边栏部分