JavaScript实现刮刮乐效果

刮刮乐怎么做？

本文实例为大家分享了Javascript实现刮刮乐效果的具体代码，供大家参考，具体内容如下

来这我教你

1、首先准备好编程软件webStorm或者eclipse都行
2、不会编写代码？给你准备好了
3、如下

  
  
  
    .outer{
      height: 90px;
      width: 300px;
      margin: 0 auto;
      margin-top: 5px;
    }
    .box{
      height: 70px;
      width: 70px;
      background-color: darkgray;

      line-height: 70px;
      text-align: center;
      display: inline-block;
      margin-left: 5px;
    }

  



  
  
  


  
  
  


  
  
  

4、这个部分的代码块文字内容可以自定义，改写成你想要显示的内容

5、最终网页显示界面如下

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