宛若重生
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简单抽奖小程序demo
- js框架jquery实现幸运大转盘抽奖程序代码,兼容多种浏览器
- jquery公司抽奖程序
- jQuery年会抽奖代码
请下载代码后再发表评论
文件名: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


唐僧洗头爱飘柔 LV22
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日
唐僧洗头爱飘柔 LV22
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日