Tag: 下划线

Animate Link点击下划线而不是hover？

我无法理解如何在点击时重新创建此效果而不是hover？ 我对jQuery不是很好，因此无法弄清楚如何在点击时触发这种情况。 我遇到了这个网站，以帮助创建我想要的效果（从左到右下划线）。 该演示可以在以下链接中看到…… CSS Sliding Underline 我目前正在使用以下js淡入div，我希望该行同时滑入它们。 新jsfiddle – http://jsfiddle.net/tfgou78c/4/ JS： $(function() { $(‘.submit_button’).click(function() { var elem = $(‘.form_wrap’); if (elem.css(‘display’) == ‘none’) { elem.fadeIn(1750); } else { elem.fadeOut(1750); } }); }); CSS： .form_wrap { display: none; } /* sliding underline LEFT TO RIGHT */ .sliding-ulr { display: inline-block; } .sliding-ulr:after { content: ”; […]