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

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

发布于:2025-01-01 00:00:00浏览:120次分类: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

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

猜你喜欢

【PHP】PHP8.1新特性大讲解之initializers初始化器
PHP 8.1:初始化器(new in initializers)PHP 8.1 添加了一个看似很小的细节,但我认为它会对许多人产生重大的日常影响。那么这个“初始化器 RFC 中的新内容”是关于什么的?我们来看一个例子;我们都写过这样的代码:class MyStateMachine {     public function __construct(       &n
发表于:2024-01-04 浏览:320 TAG:
【Vue】vue中哪些属性可以写异步方法
vue 中可以利用 methods 和 computed 属性定义异步方法。methods: 1. 定义异步方法,使用 async/await 处理异步请求。2. 返回一个 promise 对象。computed: 1. 定义异步计算属性,使用 async/await 处理异步请求。2. 返回派生数据的 promise 对象。Vue 中支持异步方法的属性在 Vue 中,可以使用 methods 和 computed 属性来定义异步方法。methodsmethods 属性中定义的方法可以包含异步操
发表于:2024-05-16 浏览:217 TAG:
【Python】使用Python获取年份和星期几的月份
处理时间是任何日常活动中最重要的方面之一。在本文中,我们将讨论如何使用 Python 从年份和工作日获取月份。我们将利用Python 的两个最流行的库,即calendar 和datetime,来处理月份、年份等。这两个库都提供了几种处理时间的内置方法。如果我们处理这样的库,我们不需要专门关心像闰年这样具有挑战性的任务。使用日历库Python 中的日历库提供了处理日历和日期的有用函数和类。它提供了一系列功能来生成日历、操作日期和执行与日历相关的计算。它简化了与生成日历、计算工作日和操作日期相关的任
发表于:2024-01-14 浏览:295 TAG:
【MySql】批量替换数据表中某字段的值
系统域名变更,需要把数据库存储的图片、文件等链接域名也替换掉,使用了文字替换的方法,在此记录一下:数据库:mysqlUPDATE user SET headimg = REPLACE(headimg, 'a.com', 'b.com');其中 user 是数据表,headimg是其中的字段,把headimg中'a.com'全部替换成'b.com',headimg中
发表于:2024-04-02 浏览:337 TAG:
【PHP】php解析大量数据json文件方式
1. 在处理超大文件时,我们可以使用逐行读取的方式来解析JSON数据。具体步骤如下:打开文件并逐行读取数据。每次读取一行数据后,使用json_decode()函数将其解析为JSON对象。对解析后的JSON对象进行处理,例如提取需要的数据或进行其他操作。继续读取下一行,重复步骤2和步骤3,直到文件读取完毕。下面是一个示例代码,演示了如何使用以上步骤来解析超大JSON文件:$file = fopen('large_file.json', 'r&#
发表于:2024-08-13 浏览:283 TAG: #php #json
【UniApp】uniapp跨域
问:为什么会有跨域问题? 由于浏览器的同源策略导致的,是浏览器的一种安全保护机制。 浏览器从一个域名的网页去请求另一个域名的资源时,协议、域名、端口 任一不同,都是跨域解决uniapp的跨域问题有很多方式,下面总结一下常用的几种方式 1. 使用 jsonp,可在我们封装的网络通讯中添加dataType:'jsonp'总结: 但是此种方式仅支持 get 请求,post好像用不了。 具体可参考:https://www.imooc.com/article/2919312. 在unia
发表于:2023-12-08 浏览:339 TAG:
【MySQL】MySQL中的json操作
引言Mysql5.7版本以后提供了一个原生的Json类型,Json值将不再以字符串的形式存储,而是采用一种允许快速读取文本元素(document elements)的内部二进制(internal binary)格式。 在Json列插入或者更新的时候将会自动验证Json文本,未通过验证的文本将产生一个错误信息。 Json文本采用标准的创建方式,可以使用大多数的比较操作符进行比较操作,例如:=, <, <=, >, >=, <>, != 和 <=>。
发表于:2024-07-26 浏览:257 TAG:
【C#】C# Winform程序之间通讯
实现原理通过Windows系统中 User32.dll 中的 FindWindow 方法来寻找系统正在运行的程序句柄,通过 SendMessage 方法来发送消息,winform 中的 WndProc 方法来接收消息,下面是SendMessage,FindWindow 这两个参数的具体介绍:1.SendMessage该函数将指定的消息发送到一个或多个窗口。此函数为指定的窗口调用窗口程序,直到窗口程序处理完消息再返回。该函数是应用程序和应用程序之间进行消息传递的主要手段之一 函数原型:I
发表于:2024-01-30 浏览:392 TAG:
【UniApp】uniapp实现如何使用字体图标
Uniapp是一种基于Vue.js框架的跨平台开发框架,可以将应用程序同时打包成Android、iOS、Web等多个平台的应用。在Uniapp中使用字体图标是非常常见的需求,本文将详细介绍如何在Uniapp中使用字体图标,并提供相应的代码示例。一、准备工作在开始之前,需要先准备好需要使用的字体图标文件。常见的字体图标库有Font Awesome、Iconfont等,可以通过官方网站下载对应的字体文件(通常是.woff或.ttf格式)。下载完成后,将字体文件放置在项目的static目录中
发表于:2023-12-23 浏览:338 TAG:
【PHP】php中几个不常用的函数方法
1.abs():返回一个数的绝对值;2.set_time_limit :设置脚本最大执行时间(如果设置为0则没有时间限制,默认值为30秒,或者是在php.ini的max_execution_time被定义的值,如果此值存在。);3.strip_tags($str,'<p><a>'):剥去除p和a标签外的字符串中、XML 以及 PHP 的标签;4.iconv():字符串按要求的字符编码来转换;5.is_dir():检查目录是否存在;6.mkdir():创建文
发表于:2024-08-02 浏览:306 TAG: