电脑主页-大智慧软件下载
![jquery分享](/uploads/image/0952.jpg)
2023年4月6日发(作者:乌班图)
jQuery实现计算器功能
本⽂实例为⼤家分享了jQuery实现计算器功能的具体代码,供⼤家参考,具体内容如下
动画效果:
*{
margin:0;
padding:0;
}
#calculator{
margin:50pxauto;
padding:5px;
width:230px;
height:230px;
background:rgb(190,210,224);
}
#screen{
width:230px;
height:60px;
background:rgb(153,153,153);
border-radius:5px;
text-align:right;
overflow:hidden;
}
#txt1{
height:20px;
padding-top:10px;
font-size:10px;
}
#txt2{
height:30px;
font-size:20px;
}
#num{
float:left;
width:130px;
}
#numinput{
width:40px;
height:40px;
margin-top:3px;
}
#operator{
float:right;
width:70px;
height:170px;
}
#operatorinput{
width:70px;
height:30px;
margin-top:4px;
}
#converter{
float:right;
width:70px;
height:170px;
}