原作地址https://jenniferdewalt.com/dice_roller.html

思路：

1、每個(gè)色子的點(diǎn)數(shù)是隨機(jī)的，通過(guò)Math.random（）產(chǎn)生數(shù)字。

2、色子面上有7個(gè)點(diǎn)，根據(jù)每次色子搖出的數(shù)字決定展示哪些點(diǎn)。代碼：

if(roll == 1){$(all).hide();$(dice_4).show(); }if(roll == 2){$(all).hide();$(dice_1 + ',' + dice_7).show(); }if(roll == 3){$(all).hide();$(dice_1 + ',' + dice_4 + ',' + dice_7).show(); }if(roll == 4){$(all).show();$(dice_2 + ',' + dice_4 + ',' + dice_6).hide(); }if(roll == 5){$(all).show();$(dice_2 + ',' + dice_6).hide(); } if(roll == 6){$(all).show();$(dice_4).hide(); }

?

番外筆記：

兩個(gè)<a>標(biāo)簽相鄰，自動(dòng)就是放在同一水平線。多用于導(dǎo)航欄。效果如圖:

<div>

<a>導(dǎo)航1</a>

<a>導(dǎo)航2</a>

</div>

總結(jié)

以上是生活随笔為你收集整理的day12摇色子游戏--笔记的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。