<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML5超酷iPhone样式科学计算器-www.srcfans.com</title>
<link href="css/CalcSS3.css" rel="stylesheet" type="text/css" />
<link href="css/index.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<script src="http://libs.baidu.com/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="calc-main">
<div class="calc-display">
<span>0</span>
<div class="calc-rad">Rad</div>
<div class="calc-hold"></div>
<div class="calc-buttons">
<div class="calc-info">?</div>
<div class="calc-smaller">></div>
<div class="calc-ln">.</div>
</div>
</div>
<div class="calc-left">
<div><div>2nd</div></div>
<div><div>(</div></div>
<div><div>)</div></div>
<div><div>%</div></div>
<div><div>1/x</div></div>
<div><div>x<sup>2</sup></div></div>
<div><div>x<sup>3</sup></div></div>
<div><div>y<sup>x</sup></div></div>
<div><div>x!</div></div>
<div><div>√</div></div>
<div><div class="calc-radxy">
<sup>x</sup><em>√</em><span>y</span>
</div></div>
<div><div>log</div></div>
<div><div>sin</div></div>
<div><div>cos</div></div>
<div><div>tan</div></div>
<div><div>ln</div></div>
<div><div>sinh</div></div>
<div><div>cosh</div></div>
<div><div>tanh</div></div>
<div><div>e<sup>x</sup></div></div>
<div><div>Deg</div></div>
<div><div>π</div></div>
<div><div>EE</div></div>
<div><div>Rand</div></div>
</div>
<div class="calc-right">
<div><div>mc</div></div>
<div><div>m+</div></div>
<div><div>m-</div></div>
<div><div>mr</div></div>
<div class="calc-brown"><div >AC</div></div>
<div class="calc-brown"><div>+/–</div></div>
<div class="calc-brown calc-f19"><div>÷</div></div>
<div class="calc-brown calc-f21"><div>×</div></div>
<div class="calc-black"><div>7</div></div>
<div class="calc-black"><div>8</div></div>
<div class="calc-black"><div>9</div></div>
<div class="calc-brown calc-f18"><div>–</div></div>
<div class="calc-black"><div>4</div></div>
<div class="calc-black"><div >5</div></div>
<div class="calc-black"><div>6</div></div>
<div class="calc-brown calc-f18"><div>+</div></div>
<div class="calc-black"><div>1</div></div>
<div class="calc-black"><div>2</div></div>
<div class="calc-black"><div>3</div></div>
<div class="calc-blank"><textarea></textarea></div>
<div class="calc-orange calc-eq calc-f17"><div>
<div class="calc-down">=</div>
</div></div>
<div class="calc-black calc-zero"><div>
<span>0</span>
</div></div>
<div class="calc-black calc-f21"><div>.</div></div>
</div>
</div>
<script type="text/javascript" src="js/CalcSS3.js"></script>
<div style="text-align:center;">
<p>来源:<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
HTML5 模仿IOS 酷黑计算器 Calculator 特效.rar
共6个文件
css:4个
js:1个
html:1个
需积分: 15 9 下载量 109 浏览量
2019-07-10
18:00:00
上传
评论
收藏 18KB RAR 举报
温馨提示
HTML5 模拟iphone IOS系统中的 Calculator 计算器特效,很漂亮的科学计算器,看看截图,相信你会喜欢的。这个计算器是早些年IOS系统中的风格,现在的风格可能更简洁一些了,不过我还是更喜欢本特效中的风格,很有设计感的计算器,另外也可作为学习HTML5的范例素材。
资源推荐
资源详情
资源评论
收起资源包目录
iphoneCalculator.rar (6个子文件)
srcfans.com
iphoneCalculator
css
index.css 9KB
normalize.css 2KB
CalcSS3.css 7KB
default.css 6KB
js
CalcSS3.js 19KB
index.html 3KB
共 6 条
- 1
资源评论
weixin_39841848
- 粉丝: 509
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功