这篇文章主要介绍了如何使用jQuery实现掷骰子游戏，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
创新互联主营禹州网站建设的网络公司,主营网站建设方案,
手机APP定制开发,禹州h5
重庆小程序开发公司搭建,禹州网站营销推广欢迎禹州等地区企业咨询
本文实例为大家分享了jQuery实现掷骰子游戏的具体代码，供大家参考，具体内容如下
直接新建一个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的代码如下:
