我想制作一个菜单效果，例如下面的示例，其中HR标签用于在菜单项下创建滑动线效果。
但是，在链接下方的示例中，“移动”小时是使用静态设置进行定位的（请参见实际示例的链接）：
http://codepen.io/rm/pen/ldhon
.two:hover ~ hr {
margin-left: 25%;
}
我有一组构成网站菜单的图像，但是这些图像以浮动方式放置，在设计时我不知道它们的位置。因此我需要以这样的方式来修改上面的代码，在具有类至少利润率左匹配的元素（图像）的位置2（在一个被徘徊），并且如果可能的话，也是其宽度匹配的宽度与类中的元件2。我如何才能实现这一点，我应该使用CSS还是必须使用jQuery代码？
如果将hr的位置设置为绝对位置，则可以使用jQuery设置其左偏移量和宽度：
$('.container a').mouseover(function() {
$('.container hr').css({
left: $(this).offset().left,
width: $(this).width()
});
});
我认为，如果不对宽度进行硬编码，就不能仅在CSS中做到这一点。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句