知识 分享 互助 懒人建站

懒人建站专注于网页素材下载,提供网站模板、网页设计、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学习参考-最新评论