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

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

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

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

猜你喜欢

【Python】如何使用Python实现迪杰斯特拉算法
如何使用Python实现Dijkstra算法?引言:Dijkstra算法是一种常用的单源最短路径算法,可以用于求解带权重的图中两个顶点之间最短路径的问题。本文将详细介绍如何使用Python实现Dijkstra算法,包括算法原理和具体的代码示例。算法原理Dijkstra算法的核心思想是通过不断地选择当前离源点最近的顶点来逐步确定从源点到其他顶点的最短路径。算法主要分为以下几个步骤:(1) 初始化:将源点到其他顶点的距离都设置为无穷大,源点到自己的距离为0。同时,创建一个记录最短路径的字典和一个用于
发表于:2024-01-16 浏览:288 TAG:
【网络】七牛云存储创建空间并配置自定义域名
1. 创建空间bucket按规则填写名称,选择区域即可,至于共有还是私有,根据自己业务内容而定。空间创还能成功后会提示绑定自定义域名,点击立即绑定,或者在空间管理里面点击绑定域名。2. 添加域名在添加域名页面,填写自定义域名,系统会自动判断域名情况,如果未备案,默认只能选择海外,如果已备案,默认选择中国大陆。如果是未备案域名,对应的存储空间也只能选择海外空间,都由系统自动判定。这里只演示已备案域名,我的域名是在阿里云备案的。域名创建成功后,如下图,会显示CNAME未配置,复制CNAME对应的值,
发表于:2024-08-26 浏览:332 TAG: #七牛云 #云存储 #kodo
【前端】微信小程序推送订阅消息
业务需要,商城类小程序,要在用户下单支付成功后,推送消息通知用户。首先想到的是小程序模板消息,微信公众号模板消息已经用过很多了,小程序模板消息确是第一次做。小程序模板消息     参考https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/template-message.html 小程序模板消息在2020年已经改版了,现在推送模板消息都会推送到服务通知里面,
发表于:2024-03-21 浏览:353 TAG:
【PHP】ES在MySQL、PHP中的使用
                                                       ES简介一个高扩展、开源的全文检索和分析引擎,它可以准实时地快速存储、搜索、分析海量的数据。全文检索是指
发表于:2024-06-15 浏览:217 TAG:
【PHP】php代码规范七大原则
hp代码规范七大原则包括一致性、可读性、简洁性、可复用性、可测试性、安全性和性能。详细介绍:1、一致性,代码应该保持一致性,即在整个代码库中使用相同的命名规范、缩进风格、代码注释等,这样可以使团队成员更容易理解和阅读代码,减少出错和混淆的可能性;2、可读性,代码应该易于阅读和理解,为了提高可读性,可以使用有意义的变量和函数命名,避免使用过于复杂的表达式和嵌套结构等等。本教程操作系统:windows10系统、PHP 8.1.3版本、DELL G3电脑。在PHP开发中,遵循良好的代码规范是非常重要
发表于:2024-03-17 浏览:307 TAG:
【Python】Python程序用于按列对2D数组进行排序
当声明二维数组或二维数组时,它被视为矩阵。所以,我们知道矩阵由行和列组成。按升序或降序对属于矩阵特定列的元素进行排序的过程称为跨列对 2D 数组进行排序。让我们考虑一个算法和一个输入输出场景,以了解这个概念的确切应用。输入输出场景考虑一个二维数组。arr =  [[ 7, 9, 5, 7 ], [9, 5, 9, 4], [2, 7, 8,&nbs
发表于:2024-01-14 浏览:323 TAG:
【Python】最全整理!37 个 Python Web 开发框架总结
最全整理!37个PythonWeb开发框架总结1全栈框架1.1Django1.2Web2py1.3PylonsFramework1.4TurboGears1.5CubicWeb2微框架(MicroFr...
发表于:2025-01-04 浏览:166 TAG: #Python
【Python】python开发exe桌面应用,用什么工具编写好?
使用Python开发exe桌面程序有许多工具可以选择,以下是一些常用的工具:PyInstaller:PyInstaller是一个流行的开源工具,可以将Python程序打包成可执行文件。它支持Windows、Linux和Mac OS X平台,并且可以将Python程序打包成单个可执行文件,方便用户使用。cx_Freeze:cx_Freeze是另一个常用的工具,可以将Python程序打包成可执行文件。它支持Windows和Linux平台,并且可以将Python程序打包成单个可执行文件或多个文件。Py
发表于:2024-01-26 浏览:323 TAG:
【MySql】json字段内数据求和
首先,我们需要使用JSON_EXTRACT函数来解析JSON数据。假设我们的数据表名为data_table,JSON数据字段名为json_data,需要查询的字段为field_name。```sql SELECT JSON_EXTRACT(json_data, '$.field_name') AS extracted_field FROM data_table;### 步骤2:使用JSON函数提取数组内字段 如果字段是一
发表于:2024-09-18 浏览:218 TAG: #mysql
【PHP】PHP8如何通过Sanitize Filters来增强应用程序的安全性
PHP是一门广泛应用于Web开发的脚本语言,而安全性一直是Web应用程序开发者需要关注的重要问题。PHP8提供了一种称为Sanitize Filters的机制,通过对用户输入进行过滤和清理,可以增强应用程序的安全性。本文将详细介绍PHP8中Sanitize Filters的使用方法,并提供一些具体的代码示例,帮助开发者更好地了解如何应用这一特性。首先,让我们来了解一下Sanitize Filters是什么。Sanitize Filters是一组用于过滤和清理用户输入数据的PHP函数,可以帮助开发
发表于:2023-12-30 浏览:285 TAG: