基本信息
源码名称:js 砸金蛋
源码大小:0.09M
文件格式:.zip
开发语言:PHP
更新时间:2013-12-03
   友情提示:(无需注册或充值,赞助后即可获取资源下载链接)

     嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300

本次赞助数额为: 3 元 
   源码介绍
div id="main">
   <h2 class="top_title"><a href="http://www.helloweba.com/view-blog-218.html">砸金蛋:jQuery PHP实现的砸金蛋中奖程序</a></h2>
 <div class="egg">
  <ul class="eggList">
   <p class="hammer" id="hammer">锤子</p>
   <p class="resultTip" id="resultTip"><b id="result"></b></p>
   <li><span>1</span><sup></sup></li>
   <li><span>2</span><sup></sup></li>
   <li><span>3</span><sup></sup></li>
  </ul>
 </div>
 <div class="ad_demo"><script src="/js/ad_js/ad_demo.js" type="text/javascript"></script></div><br/>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
function eggClick(obj) {
 var _this = obj;
 $.getJSON("data.php",function(res){
  if(_this.hasClass("curr")){
   alert("蛋都碎了,别砸了!刷新再来.");
   return false;
  }
  //_this.unbind('click');
  $(".hammer").css({"top":_this.position().top-55,"left":_this.position().left 185});
  $(".hammer").animate({
   "top":_this.position().top-25,
   "left":_this.position().left 125
   },30,function(){
    _this.addClass("curr"); //蛋碎效果
    _this.find("sup").show(); //金花四溅
    $(".hammer").hide();
                                 $("#result").empty();
    $('.resultTip').css({display:'block',top:'100px',left:_this.position