宛若重生
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_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
![最代码相关代码源代码列表](https://static.zuidaima.com/resource/img/heart_ico.png)
![最代码最近下载分享源代码列表](https://static.zuidaima.com/resource/img/heart_ico.png)
唐僧洗头爱飘柔 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日
![最代码最近浏览分享源代码列表](https://static.zuidaima.com/resource/img/cattle_ico.png)
ZZzzzPink LV1
2023年12月20日
fesfefe LV13
2023年11月26日
qq22183138
2023年11月2日
暂无贡献等级
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日
暂无贡献等级