JS 完成投掷骰子效果

平常小伙伴玩游戏可能会接触投骰子

随机1~6位数  判断大小来算输赢

今天我就用学习两天半的技术来写一个简陋的投骰子效果

 思路:

1.准备7张图片 (1~6点 和一张动态骰子(gif)图)

2.获取标签

3.设定随机事件

代码如下:



  
    
    
    
    Document
    
  
  
    
    

    
  

 效果如下:

JS 完成投掷骰子效果_第1张图片

由于我自身还没激活截取Gif图片的功能,就放了张静态图在这里 ,复制源码

加入图片(贴心的我图片都给你们粘过来了)动动小手点个赞吧 (doge):

JS 完成投掷骰子效果_第2张图片JS 完成投掷骰子效果_第3张图片JS 完成投掷骰子效果_第4张图片JS 完成投掷骰子效果_第5张图片

JS 完成投掷骰子效果_第6张图片JS 完成投掷骰子效果_第7张图片JS 完成投掷骰子效果_第8张图片

 

点击即可旋转起来 

你可能感兴趣的:(javascript,html,前端)