啦啦啦啦 我哦我我 哦哦哦哦 噢噢噢 雅黑雅黑 伪类cssを使用 <br> .solid {<br> margin-top: 200px;<br> -左: 100ピクセル; <br> text-align: center;<br> width: 100px;<br> height: 50px;<br> 位置:相対;<br> float: left;<br><br> }<br> .solid:after {<br> content: '' ;<br> 位置: 絶対;<br> 左: 50%;<br> bottom: 15px;<br> margin-left: 0%;<br> width: 0%;<br> height: 2px;<br> background-color: #FF3401;<br> transition: すべて 0.3 秒イーズインアウト。 <br> }<br> .solid:hover:after {<br> width: 100%;<br> margin-left: -50%;<br> background-color: #FF3401;<br><br> }<br> .solid.active:after,<br> .solid:hover:after {<br> width: 100%;<br> margin-left: -50%;<br> }<br> .solid.active.dis:after{<br> width: 0%;<br> margin-left: 0%;<br> }<br> </style& gt;</p><p>初始化第一个</p><p><script><br><br> $(".ddd .solid").hover( function(event){</p> <p>$(".solid.active").addClass('dis');</p> <p> }, function(event){</p> <p>$(".solid.active").removeClass('dis');<br><br> } );<br><br> </script></p>
