jquery计算器实例教程/可做jquery学习参考
作者:佳明妈 来源:jquery特效 2015-03-03 人气:3961 QQ交流群:4188479jquery计算器实例教程适合做jquery实例学习参考,如果你是jquery新手可以参考作者的代码编写技巧和思想。CSS样式皮肤可自行定义。

- 文件类型:EXCEL
- 暂时无货
jquery计算器实例教程适合做jquery实例学习参考,原作者不详,有知道作者是谁的,可以联系懒人建站追加上作者信息。
如果你是jquery新手可以参考作者的代码编写技巧和思想。如果你需要项目中使用,建议在你能力范围内再做些修改。
CSS样式皮肤稍微有点丑,可自行定义。
如果你是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学习参考-最新评论