繁体 English 中英

边栏在悬停时扩展

[英]Sidebar that expands on hover

原文 2014-06-12 19:35:29 2 1 javascript/ jquery/ frontend

我正在尝试使用JavaScript设置边栏的动画，该JavaScript默认情况下显示类别图标并在悬停时显示类别词。 我能想到的最接近的例子就是这个： http : //piccsy.com/ 。

谁能帮我这个？ 我仍然无法理解javascript。

1 个解决方案

您可以仅使用CSS使用.myclass:hover来做到这一点，因为您必须使用css过渡来设置动画，因此您必须检查与旧版浏览器的兼容性。 这是CSS3 Transitions的良好起点

或者，如果您想使用javascript，我建议您使用JQuery的mouseover()事件函数。 触发此事件后，您可以为侧面导航设置动画。

祝好运

仅在侧栏完全展开时显示文本

[英]Show text only if sidebar fully expands

侧边栏折叠一秒钟并在页面加载时展开

[英]Sidebar collapses for a second and expands on page load

悬停时侧边栏菜单折叠

[英]Sidebar menu foldout on hover

jQuery DIV在悬停时扩展，在mouseout时收缩

[英]jQuery DIV expands on hover, contracts on mouseout

创建一个可扩展的流体侧边栏，使其与中心元素的边缘相交

[英]Create a fluid sidebar that expands to meet the edge of a center element

隐藏的侧边栏显示悬停

[英]Hidden sidebar that shows up on hover

CSS：将鼠标悬停在实际目标下方时，下拉菜单会展开

[英]CSS: Dropdown menu expands when hover below actual target

在 react-pro-sidebar 上覆盖默认值 hover

[英]overriding default hover on react-pro-sidebar

如何在悬停时显示隐藏的侧边栏

[英]How to make hidden sidebar display on hover

jQuery-悬停以显示侧边栏，但可以选择将其锁定

[英]jQuery - hover to show sidebar, but an option to lock it

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 仅在侧栏完全展开时显示文本侧边栏折叠一秒钟并在页面加载时展开悬停时侧边栏菜单折叠 jQuery DIV在悬停时扩展，在mouseout时收缩创建一个可扩展的流体侧边栏，使其与中心元素的边缘相交隐藏的侧边栏显示悬停 CSS：将鼠标悬停在实际目标下方时，下拉菜单会展开在 react-pro-sidebar 上覆盖默认值 hover 如何在悬停时显示隐藏的侧边栏 jQuery-悬停以显示侧边栏，但可以选择将其锁定

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM