js中下劃線動畫實例程式碼

 
• 啦啦啦啦

 
• 我哦我我  
• 哦哦哦

 
• 噢噢噢噢
   
• 雅黑雅黑

 

#使用偽類css

<樣式>
.solid {
     上邊距：200px;
     左邊距：100px;
     文字對齊：居中;
    相對寬度：100px;# 尺寸# #      浮動:左;
##    }
   .solid:在{
     內容:'';
     位置: 
     左邊距：0%;
     寬度：0%；
     高度：2px;
     背景顏色：#FF3401;
  
   .solid:hover:after {
     寬度：100%;
     margin-left: -50%;
      solid.active:after,
   .solid:hover:after {
        寬度: 100%;
       margin-left: -50 %;## {
       寬度: 0%;
       左距: 0%;
     }
 

#<script>初始化第一個<br/>#<script><br/><script><br/><script>初始化第一個<br/>#<script>初始化> <br/>#    $(".ddd .solid").hover( function(event){<br/><br/>$(" .solid.active").addClass('dis');<br/><br/> }, function(event){<br/></script>

$(".solid.active").removeClass('dis');

   } );

#    

以上是js中下劃線動畫實例程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！