您的当前位置:首页>全部资源>资源详情

CSS3和js超酷iPhone样式科学计算器插件

发布于:2025-01-01 00:00:00浏览:75次分类:JS特效 查看分享码

CalcSS3是一款非常酷的CSS3和js模仿iPhone样式科学计算器插件。该计算器插件没有使用图片,纯CSS制作。该计算器是科学型的,可以处理乘方、开方、指数、对数等复杂的数学运算。

它的特点有:

  • 不使用时不占用内存,不需要任何安装。
  • 使用时只占用极少的内存。
  • 关闭后会释放所有的占用内存。
  • 计算器的“记忆”功能不是摆设,可以像真实计算器一样使用。
  • 支持键盘操作。
  • 可以使用Ctrl+CCtrl+V进行复制粘贴。
  • 支持4种模式的数字组合:[1234.5][1234,5][1,234.5][1.234,5](通过左上角的小圆圈选项切换)。
  • 字体大小动态调整以适应阅读的需要。(通过左上角的小圆圈选项切换)
  • 可以在简单和科学型计算器之间切换。
  • 理论上可以使用无限级的括号。
  • 不需要添加封闭括号。
  • iPhoto样式外观,时尚大方。

键盘支持

下面是该计算器所有按钮对应键盘上的按键。

  • 数字和+ - x ÷ , . =对应于键盘上的相同按键。
  • 使用退格键[Backspace]可以消除一个数字或符号。
  • 回车键[Enter]代表=符号。
  • 热键:[h,s]表示在按下h或H键时,你会在显示区域右下角看到一个"hold"标记。这时,下面按键的含义会有所不同:[s]=sin,但是[h,s]=sinh。
  • 使用Ctrl+CCtrl+V进行复制粘贴。
  • Tab键可以将计算器在简单型和科学型之间进行切换。
标准计算按键
  • C
    点击[Del]键用于清除显示的数字。另外还有在按下任何函数和功能键之前可以清除错误的输入数字。
  • AC
    点击[Del]键用于清除显示的数字,常数和待定的操作。
  • mc
    点击[v]键用于清除“记忆”功能。
  • m+
    点击[b]键用于在“记忆”中添加显示在显示区域的数字。如果“记忆”中没有数字,会数字保存到“记忆”中
  • m-
    点击[n]键从“记忆”中清除显示区域的数字。
  • mr
    点击[m]键用于将显示区域的数字和“记忆”中的数字进行替换。
  • +/–
    [#] 改变代数符号。
  • =
    [ENTER] 用于结束函数和运算,显示计算结果。计算的表达式可以不使用闭括号,例如:2*(2+3*(2+4))=40 和 2*(2+3*(2+4=40 的结果是一样的。
科学计算按键
  • 2nd
    [Space]键(空格键)改变三角函数(sin, cos, tan, sinh, cosh, tanh)为它们的反函数(sin-1, cos-1, tan-1, sinh-1, cosh-1, and tanh-1)。它也会改变ln为log2,ex为2x。点击两次会返回原来的函数。
  • (
    [(]键会打开一个括号表达式。表达式可以嵌套。点击后会出现一个白色的边框,让你知道该括号表达式仍然处于激活状态,直到出现闭括号或等号。
  • )
    [)] 关闭一个括号表达式。
  • %
    [%] 用于百分比计算。要计算百分比,通过+, –, × 或 ÷键来操作。例如,要计算500的8%,输入500 x 8 %(不需要等号键),将返回40。要计算一些折扣之类的表达式,需要添加等号键,例如,500 + 8 % = 返回540。
  • 1/x
    [\ or h, 1] 返回分数形式的数字。
  • x2
    [h, 2] 返回平方数。
  • x3
    [h, 3] 返回立方数。
  • yx
    [^ or ' or "] 返回x(第一个数)的y(第二个数)次方。例如要计算34,输入3 yx 4 = 返回81。
  • x!
    [x] 计算x的阶乘(只能是一个整数)。
  • [h, r] 计算一个数的平方根。
  • xy
    [r] 用于计算x(第一个数)的开y(第二个数)次方根。例如,计算4√81,输入81 x√y 4 = 结果为3。
  • log
    [Shift+L] 返回一个数基于10的对数值。
  • sin
    [s] 计算一个数的正弦值。
  • sin-1
    [Shift+S] 计算一个数的反正弦值。(在2nd键按下时才有作用)
  • cos
    [c] 计算一个数的余弦值。
  • cos-1
    [Shift+C] 计算一个数的反余弦值。(在2nd键按下时才有作用) [Shift+C] Calculates the arc cosine of a value. (Available when the 2nd button is clicked.)
  • tan
    [t] 计算一个数的正切值。
  • tan-1
    [Shift+T] 计算一个数的反正切值。(在2nd键按下时才有作用)
  • ln
    [l] 计算一个数的自然对数值。
  • log2
    [h, l] 计算基于2的对数值。(在2nd键按下时才有作用)
  • sinh
    [h, s] 计算一个数的双曲正弦值。
  • sinh-1
    [h, Shift+S] 计算一个数的反双曲正弦值。(在2nd键按下时才有作用)
  • cosh
    [h, c] 计算一个数的双曲余弦值。
  • cosh-1
    [h, Shift+C] 计算一个数的反双曲余弦值。(在2nd键按下时才有作用)
  • tanh
    [h, t] 计算一个数的双曲正切值。
  • tanh-1
    [h, Shift+T] 计算一个数的反双曲正切值。(在2nd键按下时才有作用)
  • ex
    [e] 计算常数'e'(2.718281828459045…)的x(输入的数值)次方。
  • 2x
    [Shift+X or h, e] 计算2的x(输入的数值)次方。例如,10 2x = 1024 (在2nd键按下时才有作用)
  • Rad
    [d or °] 改变为以弧度表示的三角函数模式。
  • Deg
    [d or °] [d or °] 改变为以度数表示的三角函数模式。
  • π
    [p]输入圆周率 PI 或π (3.141592653589793…)。
  • EE
    [Shift+E] 用于当前显示的数字乘以下一次输入的数字的10次方。
  • Rand
    [h, n or h, d] 返回0-1之间的随机数。

关于该计算器的更详细的信息可以参考它的主页:http://www.dematte.at/calculator/#usage

资源分享:https://www.51bj.top/home/assets/8.html


扫描下方二维码查看分享资源

CSS3和js超酷iPhone样式科学计算器插件
提取码:j6A6

声明:资源来源于网络,如有侵权请联系删除。

猜你喜欢

【MySQL】索引有哪些优缺点
索引是数据库中用于提高查询性能的重要工具,但它也有一些有点和确定,一下是索引的主要优缺点:优点:    1. 加速查询速度最显而易见的有嗲你是加速select查询速度。通过使用索引,数据库引擎能够更快的定位和检索数据,特别是在大型数据集中。    2. 排序性能提升索引可以提高排序操作的性能,因为数据库引擎可以按照索引顺序而不是表中实际物理存储顺序来执行排序。    3. 唯一
发表于:2024-06-16 浏览:266 TAG:
【PHP】ThinkPHP5.0 Restful API 开发
一、要学习什么是 RESTful API 首先我们得明白什么是REST?简单来说:REST是所有Web应用都应该遵守的架构设计指导原则。 英文全词Representational State Transfer,翻译是”表现层状态转化”。面向资源 是REST最明显的特征,对于同一个资源的一组不同的操作。资源是服务器上一个可命名的抽象概念,资源是以名词为核心来组织的,首先关注的是名词。REST要求,必须通过统一的接口来对资源执行各种操作。对于每个资源只能执行一组有限的操作。(7个HTTP方法:GET
发表于:2024-05-24 浏览:242 TAG:
【Vue】Vue的生命周期
Vue的生命周期指的是 Vue 实例从创建到销毁的整个过程。这个过程可以分为以下几个阶段:1. 创建前阶段 (beforeCreate):在实例初始化后执行,此时的数据监听和事件绑定机制都未完成,因此无法访问DOM节点。2. 创建后阶段 (created):Vue实例已经创建,数据侦听、计算属性、方法、事件/侦听器的回调函数已配置完毕,但挂载阶段还没开始,仍然无法获取到DOM元素。适合进行异步请求等操作。3. 挂载前阶段 (beforeMount):完成了DOM的初始化,但仍然无法获取到具体的D
发表于:2024-04-22 浏览:294 TAG:
【UniApp】利用uniapp实现图片压缩功能
利用uniapp实现图片压缩功能随着手机拍照功能的提升,我们在日常生活中经常会拍摄大量的照片。然而,这些高像素的照片占据了手机的存储空间,使手机变得缓慢且容易存满。为了解决这个问题,我们可以利用uniapp中的相关技术,实现图片压缩功能,将图片压缩至更小的文件大小,保留合适的像素和画质。下面我们将详细介绍在uniapp中如何实现图片压缩功能。步骤一:引入相关插件首先,我们需要在uniapp项目中引入相关的插件。最常用的图片压缩插件是uni-image-compress,它基于image
发表于:2023-12-09 浏览:441 TAG:
【UniApp】uniapp兼容微信小程序和支付宝小程序遇到的坑
1、支付宝不支持v-show改为v-if。2、v-htmlApp端和H5端支持 v-html ,微信小程序会被转为 rich-text,其他端不支持 v-html。解决方法:去插件市场找一个支持跨端的富文本组件。3、导航栏处有背景色延伸至导航栏外兼容微信小程序和支付宝小程序 pages.json:给支付宝的导航栏设置透明{ "path": "pages/agent/agent", "style": {
发表于:2023-12-26 浏览:376 TAG:
【React】React中Typecript的使用
目录一、创建React的TypeScript项目二、使用差别1、基本使用2、Props传值的差别3、State传参三、总结一、创建React的TypeScript项目见:如何在React项目中引入TypeScript?_duansamve的博客-CSDN博客二、使用差别1、基本使用其基本使用和javascript编写React项目时差不多这是一份.tsx文件代码:可以看到和之前的.jsx使用并无太大差别import React, { Component }
发表于:2023-12-05 浏览:690 TAG:
【UniApp】使用uniapp实现日历功能
使用uniapp实现日历功能随着移动互联网的发展,日历功能成为了许多APP和网站的必备组件之一。在uniapp这个跨平台开发框架中,我们可以很方便地实现日历功能,并且兼容多个平台,包括iOS、Android等。首先,我们需要用到uniapp的组件库中的日期选择器。uniapp提供了picker组件,其中mode属性可以设置为"date"来实现日期选择。具体代码如下:<template>   <view>  &nb
发表于:2023-12-23 浏览:335 TAG:
【UniApp】Flutter与uniapp的异同:从框架架构到开发语言的对比
在移动应用开发领域,Flutter和uniapp都是备受关注的跨平台框架,它们在很多方面都具有相似之处,但也存在着一些个别的差异。本文将从框架架构、开发语言以及跨平台能力等方面对比Flutter和uniapp,以帮助开发者更好地选择适合自己项目的开发工具。一、框架架构Flutter是由Google开发的开源框架,其核心特点是使用Dart语言进行开发。Flutter的框架架构是基于自绘引擎的方式,通过渲染引擎直接绘制UI界面,不依赖于平台的原生控件。这种方式使得Flutter具有较高的灵活性和自定
发表于:2024-03-31 浏览:265 TAG:
【支付宝】手机浏览器跳转打开支付宝APP
手机浏览器跳转打开支付宝APP alipays://platformapi/startapp?appId=20000067&url= url后面跟上要跳转的链接
发表于:2024-02-27 浏览:271 TAG: #支付宝
【PHP】php数组的底层是怎么实现的
PHP是一门流行的编程语言,尤其是在Web开发中得到广泛应用。在PHP中,数组是一个非常重要的数据结构,可以用来存储和操作数据。然而,很多PHP开发者对数组的内部实现并不了解。本文将深入探讨PHP数组的底层实现,以帮助开发者更好地使用和优化PHP数组。一、PHP数组的基本介绍在PHP中,数组是一种无序的、可变长度的数据容器,可以存储任意类型的数据。PHP数组有两种类型:索引数组和关联数组。索引数组用数字作为索引来访问元素,而关联数组用字符串作为索引来访问元素。以下是两种类型的数组的定义
发表于:2023-12-18 浏览:358 TAG: