模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
计算转换特效代码
>
收藏
分享
查看评论
计算转换
演示
网页计算器_计算转换特效
查看演示效果
特效Tag:
计算器
添加
一款基于JavaScript的网页超酷网页计算器,黑色风格很好看,可以计算的项目很多,直接复制代码就可以使用。
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function doit() { form.input.value = eval(form.input.value) } function Cos() { x = form.input.value if (x == '') alert('Error: Input Required'); else form.input.value = Math.cos(x); } function Sin() { x = form.input.value if (x == '') alert('Error: Input Required'); else form.input.value = Math.sin(x); } function Ln() { x = form.input.value if (x == '') alert('Error: Input Required'); else form.input.value = Math.log(x); } function Root() { x = form.input.value if (x == '') alert('Error: Input Required'); else form.input.value = Math.sqrt(x); } function Tan() { x = form.input.value if (x == '') alert('Error: Input Required'); else form.input.value = Math.tan(x); } function Icos() { x = form.input.value if (x == '') alert('Error: Input Required'); else form.input.value = Math.acos(x); } function Isin() { x = form.input.value if (x == '') alert('Error: Input Required'); else form.input.value = Math.asin(x); } function Itan() { x = form.input.value if (x == '') alert('Error: Input Required'); else form.input.value = Math.atan(x); } function Round() { x = form.input.value if (x == '') alert('Error: Input Required'); else form.input.value = Math.round(x); } function Ran() { x = form.input.value form.input.value = Math.random(x); } function Neg () { x = form.input.value if (x == '') alert('Error: Input Required'); else x = parseFloat(x) * -1; } function del() { x = form.input.value x = (x.substring) - 1 } // End --> </script> <div align="center"> <form name="form" method="post" action="javascript:doit()"> <table width="260" border="0" height="260" align="center" bordercolor="#000000" bgcolor="#000000"> <tr bgcolor="#000000"> <td colspan="7" height="2"> <div align="center"><b><font face="Arial, Helvetica, sans-serif" color="#FFFFFF">高级计算器</font></b></div> </td> </tr> <tr bgcolor="#000000"> <td colspan="7" height="2"> <div align="center"> <input type="text" name="input" size="40"> </div> </td> </tr> <tr bgcolor="#000000"> <td width="50" height="4"> <input type="button" name="one" value="1" onClick="form.input.value += '1'" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="4"> <input type="button" name="two" value="2" onClick="form.input.value += '2'" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="4"> <input type="button" name="three" value="3" onClick="form.input.value += '3'" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="20" height="4"> </td> <td width="50" height="4"> <input type="button" name="clear" value="C" onClick="form.input.value = ''" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #9F0004; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="4"> <input type="button" name="percent" value=" % " onClick="form.input.value = eval(form.input.value) / 100" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="4"> <input type="button" name="(" value=" ( " onClick="form.input.value += '('" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> </tr> <tr bgcolor="#000000"> <td width="50" height="2"> <input type="button" name="four" value="4" onClick="form.input.value += '4'" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="2"> <input type="button" name="five" value="5" onClick="form.input.value += '5'" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="2"> <input type="button" name="six" value="6" onClick="form.input.value += '6'" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="20" height="2"> </td> <td width="50" height="2"> <input type="button" name="times" value=" x " onClick="form.input.value += ' * '" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="2"> <input type="button" name="div" value=" / " onClick="form.input.value += ' / '" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="2"> <input type="button" name=")" value=" ) " onClick="form.input.value += ')'" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> </tr> <tr bgcolor="#000000"> <td width="50" height="2"> <input type="button" name="seven" value="7" onClick="form.input.value += '7'" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="2"> <input type="button" name="eight" value="8" onClick="form.input.value += '8'" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="2"> <input type="button" name="nine" value="9" onClick="form.input.value += '9'" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="20" height="2"> </td> <td width="50" height="2"> <input type="button" name="plus" value=" + " onClick="form.input.value += ' + '" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="2"> <input type="button" name="minus" value=" - " onClick="form.input.value += ' - '" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="2"> <input type="button" name="round" value="Rnd" onClick="Round()" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> </tr> <tr bgcolor="#000000"> <td width="50" height="2"> <input type="button" name="zero" value="0" onClick="form.input.value += '0'" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="2"> <input type="button" name="point" value="." onClick="form.input.value += '.'" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="2"> <input type="button" name="pi" value="PI" onClick="form.input.value += '3.1415926535897932384626433832795'" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #666666; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="20" height="2"> </td> <td width="50" height="2"> <input type="button" name="pi2" value="+/-" onClick="Neg()" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="2"> <input type="button" name="DoIt" value=" = " onClick="doit()" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50" height="2"> <input type="button" name="round2" value="Ran#" onClick="Ran()" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> </tr> <tr bgcolor="#000000"> <td width="50" height="24"> </td> <td width="50" height="24"> </td> <td width="50" height="24"> </td> <td width="20" height="24"> </td> <td width="50" height="24"> </td> <td width="50" height="24"> </td> <td width="50" height="24"> </td> </tr> <tr bgcolor="#000000"> <td width="50"> <input type="button" name="quad" value="^2" onClick="form.input.value = form.input.value * form.input.value" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50"> <input type="button" name="root" value="root" onClick="Root()" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50"> <input type="button" name="ln" value="ln" onClick="Ln()" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="20"> </td> <td width="50"> <input type="button" name="1/2" value="1/2" onClick="form.input.value += '0.5'" style="COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50"> <input type="button" name="1/3" value="1/3" onClick="form.input.value += '0.3333333333'" style="COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50"> <input type="button" name="1/4" value="1/4" onClick="form.input.value += '0.25'" style="COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> </tr> <tr bgcolor="#000000"> <td width="50"> <input type="button" name="sin" value="sin" onClick="Sin()" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50"> <input type="button" name="cos" value="cos" onClick="Cos()" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50"> <input type="button" name="tan" value="tan" onClick="Tan()" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="20"> </td> <td width="50"> <input type="button" name="1/5" value="1/5" onClick="form.input.value += '0.2'" style="COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50"> <input type="button" name="1/6" value="1/6" onClick="form.input.value += '0.1666666667'" style="COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50"> <input type="button" name="1/7" value="1/7" onClick="form.input.value += '0.1428571429'" style="COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> </tr> <tr bgcolor="#000000"> <td width="50"> <input type="button" name="sin2" value="asin" onClick="Isin()" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50"> <input type="button" name="cos2" value="acos" onClick="Icos()" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50"> <input type="button" name="tan2" value="atan" onClick="Itan()" style="COLOR: #FFFFFF; BACKGROUND-COLOR: #333333; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="20"> </td> <td width="50"> <input type="button" name="1/8" value="1/8" onClick="form.input.value += '0.125'" style="COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50"> <input type="button" name="1/9" value="1/9" onClick="form.input.value += '0.1111111111'" style="COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> <td width="50"> <input type="button" name="1/10" value="1/10" onClick="form.input.value += '0.1'" style="COLOR: #B3B300; BACKGROUND-COLOR: #000000; HEIGHT: 25 px; WIDTH: 40px"> </td> </tr> </table> </form> </div> <body bgcolor="#ffffff" onLoad="document.form.input.focus()">
所属频道:
计算转换特效
/
更新时间:2012-09-16
[收藏]
[报错]
[返回列表]
相关
计算转换特效
:
JS复利计算程序网页版
JavaScript按规定截取字符串(获取邮箱用户名)
JavaScript二进制接口,LZW 压缩解压算法
JS暴虐查找法确定字符出现的位置
好酷的球体下坠碰撞弹跳特效
JS实现气泡从水中急速上升效果
JavaScript模拟沿Y轴纵深运动的球体
JavaScript对象复制,小球满天飞
一个简单的JS加密函数
JavaScript对Email地址加密
JavaScript色彩16进制转换成10进制
32位JavaScript版MD5加密函数
计算转换特效Rss订阅
特效代码搜索
计算转换特效推荐
将英文单词开头字母转换为大写的JavaScript
数字翻译成英语JavaScript
JS暴虐查找法确定字符出现的位置
JavaScript生成随机整数的代码
JavaScript数字排序
JavaScript根据数据生成百分比图和柱状图
JavaScript在线考试系统
手机号码抽奖程序
JavaScript对象复制,小球满天飞
JavaScript按规定截取字符串(获取邮箱用户名)
猜你也喜欢看这些
跟随鼠标顶部奇妙的海底生花
围绕鼠标旋转的三叶空间旋浆
鼠标线
鼠标放到链接上就会出现一个说明框,里面有滚动的文字说明
右键自动链接页面
跟随鼠标的字符:在鼠标后面跟着一串飘动的字符,想写什么就写什么
鼠标形状
跟随鼠标的飘带文字
跟随鼠标旋转的七彩环背景用黑色方显酷色
跟随鼠标的日期时间表盘
相关链接:
复制本页链接
|
搜索网页计算器
特效说明:
计算转换模板
-
网页计算器
。