JavaScript使用ul中li标签实现删除效果

本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码，供大家参考，具体内容如下

  
    
    
    
      ul {
 list-style: none;
      }

      li {
 background-color: #ddd;
 margin-top: 2px;
      }

      li:hover {
 background-color: #be3131;
      }

      li.hover {
 background-color: green;
      }

      ;
    
  

  
    

      
篮球
      
足球
      
羽毛球
      
篮球
      
足球
      
羽毛球
      
篮球
      
足球
      
羽毛球
    
    删除
    
  

效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。