zjd

功能描述

欢乐砸金蛋

依赖的模块

jquery

快速使用

  1. $(".eggbtn").click(function() {
  2.     eggClick($(this));
  3. });
  5. function eggClick(obj) {
  6.     var _this = $(".eggbtn");
  7.     if(_this.hasClass("curr")){
  8.         if(confirm("蛋都碎了，别砸了！刷新再来.")){
  9.             window.location=window.location;    
  10.         }
  11.         return;
  12.     }
  14. $(".hammer").css({"top":_this.position().top-55,"left":_this.position().left+185});
  15. $(".hammer").animate({
  16.     "top":_this.position().top-25,
  17.     "left":_this.position().left+125
  18.     },30,function(){
  19.         _this.addClass("curr"); //蛋碎效果
  20.         $(".hammer").hide();
  21.         $("#result").empty();
  22.         $('.resultTip').css({display:'block',top:'50px',left:_this.position().left+80,opacity:0}).animate({top: '10px',opacity:1},300,function(){
  23.                 // 获取随机数
  24.                 var rand = rnd(1,7);
  25.                 // 根据随机数显示奖项，可用 ajax 返回值控制奖项
  26.                 zhaung(rand);
  27.                 var chance = parseInt($('#chance').html());
  28.                 chance = chance - 1;
  29.                 if(chance<0){
  30.                     chance = 0;
  31.                 } 
  32.                 $('#chance').html(chance);
  33.         });    
  34.     }
  35. );
  36. }
  38. //随机数
  39. function rnd(n, m){
  40.     return Math.floor(Math.random()*(m-n+1)+n)
  41. }
  42. // 奖项
  43. function zhaung(nums){
  44.     var shu = parseInt(nums)
  45.     switch (shu) {
  46.         case 1:
  47.             $("#result").html("一等奖!");
  48.             break;
  49.         case 2:
  50.             $("#result").html("二等奖!");
  51.             break;
  52.         case 3:
  53.             $("#result").html("三等奖!");
  54.             break;
  55.         case 4:
  56.             $("#result").html("四等奖!");
  57.             break;
  58.         case 5:
  59.             $("#result").html("五等奖!");
  60.             break;
  61.         case 6:
  62.             $("#result").html("安慰奖!");
  63.             break;
  64.         case 7:
  65.             $("#result").html("未中奖!");
  66.             break;
  67.     }
  68. }