最代码广告位
宛若重生的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
最代码最近下载分享源代码列表最近下载
荒唐的羊 LV232月17日
太阳月亮星星星星星星
123456789cc00 LV32019年9月1日
星星星星星星
lw19900921 LV242019年5月20日
太阳月亮月亮
爱情的本质 LV142019年2月24日
月亮月亮月亮星星星星
pubg0206 LV72019年1月18日
月亮星星星星星星
2626aw256 LV12018年10月16日
星星
liyang3136 LV202018年3月2日
太阳月亮
最代码故戌 LV202018年1月17日
太阳月亮
fyf979711 LV32017年11月21日
星星星星星星
foxjason LV12016年12月27日
星星
最代码最近浏览分享源代码列表最近浏览
继元宝 LV93月26日
月亮月亮星星
荒唐的羊 LV232月17日
太阳月亮星星星星星星
super敏敏 LV61月19日
月亮星星星星
sirgsyz LV22019年12月19日
星星星星
1027747472 LV32019年12月11日
星星星星星星
小阎王丷2019年11月25日
暂无贡献等级
eiven_pro LV22019年11月22日
星星星星
lczd888 LV82019年9月21日
月亮月亮
fdo666 LV52019年9月11日
月亮星星
zhangben_0710 LV122019年9月5日
月亮月亮月亮
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友