宛若重生
2014-04-26 12:38:32
js框架jquery实现灯光圆盘抽奖程序活动特效
看见抽奖圆盘是不是会想是怎么实现的呢?下面就让我们来看看。
文件引用:
<script> //登录插件 (function($){ $.fn.login = function(options){ settings = { loginUrl: 'account/login/', msgEle: $(this).find('.msg'), loginIdEle: $(this).find('#loginId'), passwordEle: $(this).find('#password') }; var ERROR_MSG = { 'inputCorrectEmail': '请输入正确的用户名', 'inputPassword': '请填写登录密码', 'passwordLength': '密码应在6-32位字符内', 'noreg': '此账号未注册', 'checkemailcode_2':'此账号未注册', 'checkemailcode_':'服务器繁忙,请稍后再试', 'accountNotMatch': '账号密码不匹配', 'serverdown': '服务器维护中', 'clientUserBaned': '您的账号被限制登录', 'accUserInvalid': '正在对该账号进行绑定处理,暂无法登陆', 'userLocked': '帐号锁定中,暂时无法登录', 'inviladId': '帐号不存在' } function submit() { var loginId = $.trim(settings.loginIdEle.val()), password = $.trim(settings.passwordEle.val()); if(loginId == '') { showMsg('登录名不能为空'); return; } if(password == '') { showMsg('密码不能为空'); return; } $.post(settings.loginUrl, {'loginId': loginId, 'password': password}, function(data){ if(data.status == 'ok') { location.reload(); } else { if(typeof ERROR_MSG[data.status] == 'string') { showMsg(ERROR_MSG[data.status]); } else { showMsg('服务器维护中'); } } }, 'json'); } function showMsg(msg) { settings.msgEle.html(msg); } if(typeof options == 'string'){ switch(options) { case 'submit': submit(); break; default: } } return $(this); } })(jQuery); $('#lotteryMsg').dialog({ modal: true, width: 500, height: 350, resizable: false, title: '获奖信息', autoOpen: false, open: function(){ var showMsg = '您抽中了: ' + turnplate.lotteryList[turnplate.lotteryIndex] /*+ ' (来自:' + turnplate.lotteryChannel + ')'*/; var options = '今天抽中了' + turnplate.lotteryList[turnplate.lotteryIndex] + ',' + turnplate.lotteryDes[turnplate.lotteryIndex]; $('#lotteryMsg').find('.msg').html(showMsg); $('#lotteryMsg').find('.option').html(options); }, buttons: [{ text:'发微博领5M空间', click: function() { var options = '今天抽中了' + turnplate.lotteryList[turnplate.lotteryIndex] + ',' + turnplate.lotteryDes[turnplate.lotteryIndex]; var jumpUrl = "http://www.xwcms.net"; window.open(jumpUrl, "top", "width=1024,height=750,menubar=0,scrollbars=1, resizable=1,status=1,titlebar=0,toolbar=0,location=1"); $(this).dialog('close'); } }] }); $('#login').dialog({ modal: true, width: 350, resizable: false, title: '请先登录', autoOpen: false, open: function(){ //监听回车事件 $('#login').bind('keydown', function(e){ if(e.which == '13'){ $('#login').login('submit'); } }); }, close: function(){ //取消监听 $('#login').unbind('keydown'); $('#login #password').val(''); }, buttons:[{ text: '登录', click: function(){ $('#login').login('submit'); } }] }); turnplate.init(); </script>
欢迎下载哦。。
原文地址:http://www.xwcms.net/js/qttx/95945.html
由最代码官方编辑于2016-6-3 9:32:54
猜你喜欢
- jquery圆盘抽奖特效
- jQuery+CSS3开发实现红色喜庆抽奖网页特效源代码分享
- js框架jquery+layer弹窗实现登录、抽奖手机端程序代码,兼容多种手机
- jquery幸运观众头像随机抽奖代码
- jQuery+css3天猫双11拆红包抽奖特效
- jQuery滚动大转盘抽奖特效代码
- js框架jquery+layer弹窗实现登录、手机端老虎机抽奖程序代码,兼容多种手机
- js框架jquery+layer弹窗实现手机端登录、刮刮卡抽奖程序代码,兼容多种手机
- jquery公司抽奖程序 (抽取两个)
- js框架jquery+layer弹窗实现登录、转动抽奖程序代码,兼容多种浏览器
- jquery公司抽奖程序
- jquery简单抽奖小程序demo
请下载代码后再发表评论
文件名:jquery_nice.zip,文件大小:1235.664K
下载
- /
- /css
- /css/common.css
- /css/jqueryui
- /css/jqueryui/images
- /css/jqueryui/images/Thumbs.db
- /css/jqueryui/images/ui-bg_diagonals-thick_18_b81900_40x40.png
- /css/jqueryui/images/ui-bg_diagonals-thick_20_666666_40x40.png
- /css/jqueryui/images/ui-bg_glass_100_f6f6f6_1x400.png
- /css/jqueryui/images/ui-bg_glass_100_fdf5ce_1x400.png
- /css/jqueryui/images/ui-bg_glass_65_ffffff_1x400.png
- /css/jqueryui/images
- /css

- 证 分享一个jquery的分页插件代码
- 证 jquery分页插件
- js框架jquery+layer弹窗实现登录、抽奖手机端程序代码,兼容多种手机
- jQuery Mobile权威指南(陶国荣)书籍源代码
- 原证 jquery编写的alert弹窗插件带模式化窗口,支持$.alert({参数})语法,支持拖拽
- 证 jquery简单mp3在线音乐播放器
- 证 jquery实现鼠标移动到图片上缩小图片并显示图片说明特效源代码下载
- 15个经典jQuery Demo(适合初学者)
- Ajax+JQuery留言特效
- 精心挑选的22款精美jquery特效
- 证精 sina微博表情插件源码下载(jquery)
- 证 中秋特供:中秋快乐!html5+canvas+jquery实现烟花效果

wangyakun815 LV18
2022年8月10日
荒唐的羊 LV27
2020年2月17日
123456789cc00 LV3
2019年9月1日
lw19900921 LV25
2019年5月20日
爱情的本质 LV15
2019年2月24日
pubg0206 LV7
2019年1月18日
2626aw256 LV1
2018年10月16日
liyang3136 LV20
2018年3月2日
最代码故戌 LV20
2018年1月17日
fyf979711 LV3
2017年11月21日

fenbo666 LV5
2022年10月9日
xy320_ LV2
2022年9月5日
wangyakun815 LV18
2022年8月10日
yangguangzhidi LV3
2022年4月26日
liaozhenlei LV8
2022年4月21日
微信网友_5899437708300288 LV1
2022年4月2日
shenyiyang
2022年1月7日
暂无贡献等级
iaosdhoia
2021年11月1日
暂无贡献等级
xshxxm1 LV20
2021年10月26日
yuanmafx LV4
2021年10月13日