宛若重生的gravatar头像
宛若重生 2014-04-26 12:38:32

js框架jquery实现灯光圆盘抽奖程序活动特效

看见抽奖圆盘是不是会想是怎么实现的呢?下面就让我们来看看。

效果图如下: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
最代码最近下载分享源代码列表最近下载
唐僧洗头爱飘柔  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日
最代码最近浏览分享源代码列表最近浏览
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日
暂无贡献等级
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友