知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    jquery计算器实例教程/可做jquery学习参考

    作者:佳明妈 来源:jquery特效 2015-03-03 人气:
    jquery计算器实例教程适合做jquery实例学习参考,如果你是jquery新手可以参考作者的代码编写技巧和思想。CSS样式皮肤可自行定义。
    jquery计算器实例教程/可做jquery学习参考
    jquery计算器实例教程适合做jquery实例学习参考,原作者不详,有知道作者是谁的,可以联系懒人建站追加上作者信息。

    如果你是jquery新手可以参考作者的代码编写技巧和思想。如果你需要项目中使用,建议在你能力范围内再做些修改。
    CSS样式皮肤稍微有点丑,可自行定义。
    $(document).mousemove(function(e) {
                if (!!this.move) {
                    var posix = !document.move_target ? {'x': 0, 'y': 0} : document.move_target.posix,
                            callback = document.call_down || function() {
                                $(this.move_target).css({
                                    'top': e.pageY - posix.y,
                                    'left': e.pageX - posix.x
                                });
                            };
    
                    callback.call(this, e, posix);
                }
            }).mouseup(function(e) {
                if (!!this.move) {
                    var callback = document.call_up || function(){};
                    callback.call(this, e);
                    $.extend(this, {
                        'move': false,
                        'move_target': null,
                        'call_down': false,
                        'call_up': false
                    });
                }
            });
    //懒人建站http://www.51xuediannao.com/
    
            var $box = $('#js').mousedown(function(e) {
                var offset = $(this).offset();
    
                this.posix = {'x': e.pageX - offset.left, 'y': e.pageY - offset.top};
                $.extend(document, {'move': true, 'move_target': this});
            }).on('mousedown', '#coor', function(e) {
                var posix = {
                    'w': $box.width(),
                    'h': $box.height(),
                    'x': e.pageX,
                    'y': e.pageY
                };
    
                $.extend(document, {'move': true, 'call_down': function(e) {
                    $box.css({
                        'width': Math.max(30, e.pageX - posix.x + posix.w),
                        'height': Math.max(30, e.pageY - posix.y + posix.h)
                    });
                }});
                return false;
            });
    
    
            var d=0;
            var remeber_num;
            function jieCheng(num){
                if(num>1){
                    var s=num*jieCheng(num-1);
                }else{
                    var s=num;
                }
                return s;
            }
            $('[jsq="1"]').click(function(){
    
                if($(this).val()=="←"){
                    var l=$("#re").html().length;
                    var after=$("#re").html().substring(0,l-1);
                    $("#re").html(after);
                }else if($(this).val()=="记住"){
                    remeber_num=d;
                }else if($(this).val()=="显示"){
                    $("#re").html(remeber_num)
                }else if($(this).val()=="忘记"){
                    remeber_num=0;
                }
                else if($("#re").html().indexOf("=") == -1){
                    if($(this).val()=="="){
                        var b=$("#re").html().search(/[^0123456789.]/);
                        var a=$("#re").html().substring(0,b);
                        var c=$("#re").html().substring(b+1);
                        var e=$("#re").html().substring(b,b+1);
                        var a=Number(a);
                        var c=Number(c);
                        switch(e){
                            case "+":
                                d=a+c;
                                break;
                            case "-":
                                d=a-c;
                                break;
                            case "×":
                                d=a*c;
                                break;
                            case "÷":
                                d=a/c;
                                break;
                            case "!":
                                d=jieCheng(a);
                                break;
                            case "^":
                                d=Math.pow(a,c);
                                break;
                            case "√":
                                if(a==0){a=1}
                                var d2=Math.sqrt(c);
                                d=a*d2;
                                break;
                            default:
                                d=c
                        }
                        $("#re").append($(this).val());
                        $("#re").append(d);
                    }else if($(this).val()=="c"){
                        $("#re").html("");
                        d=0;
                    }  else{$("#re").append($(this).val());}
                }else if($(this).val()=="c"){
                    $("#re").html("");
                    d=0;
                }else if(($(this).val()=="+" || $(this).val()=="-" || $(this).val()=="×" || $(this).val()=="÷" || $(this).val()=="!" || $(this).val()=="√" || $(this).val()=="^") && d){
                    $("#re").html(d);
                    $("#re").append($(this).val());
                }
                else{
                    $("#re").html($(this).val());
                    d=0;
                }
            })
    

    jquery计算器实例教程由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    ↓ 查看全文

    jquery计算器实例教程/可做jquery学习参考由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    jquery计算器实例教程/可做jquery学习参考-最新评论