jquery砸金蛋 高仿阿里旅游砸金蛋

function zadan(obj) {

$(obj).children("span").hide();

eggClick($(obj));

};

function donghua() {

$("#hammer").animate({

top : "150px",

left : "420px"

}, 1000);

$("#hammer").animate({

top : "110px",

left : "455px"

}, 1000);

}

var dingshi = setInterval("donghua()", 2000);

var dansui = 1;

function eggClick(obj) {

if (dansui == 0) {

alert("蛋都碎掉了");

return;

}

$("#hammer").stop(true);

clearInterval(dingshi);

var _this = obj;

$(".hammer").css({

"top" : "170px",

"left" : "420px"

});

setTimeout(function () {

_this.addClass("curr"); //蛋碎效果

_this.find("sup").show(); //金花四溅

$(".hammer").hide(); //隐藏锤子

$(‘.resultTip‘).css({

display : ‘block‘,

top : ‘280px‘,

left : ‘315px‘,

opacity : 0

}).animate({

top : ‘240px‘,

opacity : 1

}, 300, function () {

dansui = 0;

$("#result").html("恭喜,您中得" + rs.data.prize);

})

}, 300);

}

时间: 2024-10-13 23:33:43

jquery砸金蛋 高仿阿里旅游砸金蛋的相关文章

jQuery仿阿里云购买选择购买时间长度

效果:http://hovertree.com/texiao/jquery/61/ jQuery仿阿里云购买服务器选择时间长度,操作简单,只需点击所要选的时间段 代码: 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <!-- 效果:http://hovertree.com/texiao/jquery/61/ --> 5 <meta charset="UTF-8"&

iOS高仿微信完整源码,网易爱玩APP源码等

iOS精选源码 iOS一种弹出视图效果带动画 一个快速便捷.无侵入.可扩展的动画弹框库 高仿Elk - 旅行货币转换器 iOS内分享的界面.功能一体化解决方案 使用Olami sdk实现一个语音查询股票的iOS程序 iOS高仿微信完整项目源码 分段绘制折线指示图, 点击效果 最新环信推送封装 v3.0[附代码] 仿照网易爱玩APP APP启动视频 iOS优质博客 iOS 一行代码搞定 KVO 前言发现好久没有研究.学习iOS优秀开源代码,现在大部分时间都在写业务代码, 学习其他语言及一些杂七杂八

利用JQ实现的,高仿 彩虹岛官网导航栏(学习HTML过程中的小记录)

利用JQ实现的,高仿 彩虹岛官网导航栏(学习HTML过程中的小记录)   作者:王可利(Star·星星) 总结: 今天学习的jQ类库的使用,代码重复的比较多需要完善.严格区分大小写,在 $("").css()   这里css是小写的,用 HBuilder 编写补全是大写的..这里要注意 主要使用的方法:jQuery 隐藏 / 显示    jQuery 淡出淡入 需要注意的知识点: 效果的样式: 代码如下:(亲们 自己展开拉~) 1 <!DOCTYPE html> 2 <

HTML5 Canvas 高仿逼真 3D 布料图案效果

HTML5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素,HTML5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大.下面给大家分享一个 HTML5 Canvas 绘制的 3D 布料图案效果. 温馨提示:为保证最佳的效果,请在 IE10+.Chrome.Firefox 和 Safari 等现代浏览器中浏览. 插件下载     效果演示 您可能感兴趣的相关文章 Web 开发中很实用的10个效果[源码下载] 精心挑选的优秀jQuery Ajax分页插件

浅谈android中仅仅使用一个TextView实现高仿京东,淘宝各种倒计时

今天给大家带来的是仅仅使用一个TextView实现一个高仿京东.淘宝.唯品会等各种电商APP的活动倒计时.最近公司一直加班也没来得及时间去整理,今天难得休息想把这个分享给大家,只求共同学习,以及自己后续的复习.为什么会想到使用一个TextView来实现呢?因为最近公司在做一些优化的工作,其中就有一个倒计时样式,原来开发的这个控件的同事使用了多个TextView拼接在一起的,实现的代码冗余比较大,故此项目经理就说:小宏这个就交给你来优化了,并且还要保证有一定的扩展性,当时就懵逼了.不知道从何处开始

高仿QQ即时聊天软件开发系列之三登录窗口用户选择下拉框

上一篇高仿QQ即时聊天软件开发系列之二登录窗口界面写了一个大概的布局和原理 这一篇详细说下拉框的实现原理 先上最终效果图 一开始其实只是想给下拉框加一个placeholder效果,让下拉框在未选择未输入时显示一个提示字符串.由于Background对ComboBox无效,所以直接通过Background来实现是不行了.需要重新写ComboBox的模板,也就是Template,自定义一个模板来实现这个结果.又看了一下QQ的下拉框,这玩意不自定义也难以实现,所以就干脆自定义了. 先上代码,先是Com

Android 高仿微信实时聊天 基于百度云推送

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38799363 ,本文出自:[张鸿洋的博客] 一直在仿微信界面,今天终于有幸利用百度云推送仿一仿微信聊天了~~~ 首先特别感谢:weidi1989分享的Android之基于百度云推送IM ,大家可以直接下载:省了很多事哈,本例中也使用了weidi的部分代码,凡是@author way的就是weidi1989的代码~~ 1.效果图 核心功能也就上面的两张图了~~~我拿着手机和模拟器

高仿微信5.2.1主界面架构 包含消息通知

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/25708045 一哥们去新疆前给了我个任务,就是整这东西,哥们回来了,赶紧做了个,哈哈,可惜没给我带切糕. 新版微信的效果,一眼看上去准备用ViewpagerIndicator来实现,但是需要在Indicator的后面添加消息通知(BadgeView),可惜没有办法自定义Indicator,最后还是自己写了个实现. 主结构:ViewPager和FragmentPagerAdapt

&nbsp; &nbsp; 专业办理克隆高仿银行承兑汇票【TEL130-4887-8727】百度知道

专业办理克隆高仿银行承兑汇票[TEL130-4887-8727]百度知道 本公司专业克隆制作银行承兑汇票,原版的纸张,过硬的技术,保证质量,可以电话查验,上网查验,验货后付款,面向全国,顶级克隆技术我们一直以来以最优的诚信服务待人.需要的客户可以随时和我们联系!TEL130-4887-8727 商业承兑汇票和银行承兑汇票的区别 商业承兑汇票和银行承兑汇票的承兑人不同,决定了商业承兑汇票是商业信用,银行承兑汇票是银行信用.目前银行承兑汇票一般由银行签发并承兑,而商业承兑汇票可以不通过银行签发并背书