這篇文章主要介紹了如何使用jQuery實現(xiàn)擲骰子游戲，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司主營上街網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,app軟件開發(fā)公司,上街h5成都小程序開發(fā)搭建,上街網(wǎng)站營銷推廣歡迎上街等地區(qū)企業(yè)咨詢

本文實例為大家分享了jQuery實現(xiàn)擲骰子游戲的具體代碼，供大家參考，具體內(nèi)容如下

直接新建一個html頁面，需要在head中引入jquery,js，一些css代碼以及js代碼，如下:

 .wrap{width:90px; height:90px; margin:120px auto 30px auto; position:relative} 
 .dice{width:90px; height:90px; background:url(dice.png) no-repeat;} 
 .dice_1{background-position:-5px -4px} 
 .dice_2{background-position:-5px -107px} 
 .dice_3{background-position:-5px -212px} 
 .dice_4{background-position:-5px -317px} 
 .dice_5{background-position:-5px -427px} 
 .dice_6{background-position:-5px -535px} 
 .dice_t{background-position:-5px -651px} 
 .dice_s{background-position:-5px -763px} 
 .dice_e{background-position:-5px -876px} 
 p#result{text-align:center; font-size:16px} 
 p#result span{font-weight:bold; color:#f30; margin:6px} 
 #dice_mask{width:90px; height:90px; background:#fff; opacity:0; position:absolute; 
  top:0; left:0; z-index:999}

其中要注意的jquery引入的路徑，我是放在和該頁面的相同路徑下的。

頁面body的代碼如下: