江西省国防科技工业学校9846班

网会阁

当前位置: 本站首页 > HTML网页特效

11计算器

时间:2024-10-28 16:37来源:未知 作者:admin 点击:
html head title计算器(一) /title style type="text/css" !-- body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px} A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none } A

<html>

<head>

<title>计算器(一) </title>

<style type="text/css">

<!--

body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}

A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }

A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }

a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }

-->

</style>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>


<body bgcolor="#fef4d9">

<br>

<br>

<center><font color=red face="隶书" size=6>计算器(一)</font></center>

<br>

<br><center>

<table border=5 bordercolor=blue borderlight=green>

<tr><td align=center><font size=4 color=red face="Arial, Helvetica, sans-serif"><strong>你也用用看呀!</strong></font></td></tr>

<tr><td align=center height=80 width=220><script language="JavaScript">

<!-- Hide the script from old browsers --

function compute(obj)

  {obj.expr.value = eval(obj.expr.value)}

var one = '1'

var two = '2'

var three = '3'

var four = '4'

var five = '5'

var six = '6'

var seven = '7'

var eight = '8'

var nine = '9'

var zero = '0'

var plus = '+'

var minus = '-'

var multiply = '*'

var divide = '/'

var decimal = '.'

function enter(obj, string)

  {obj.expr.value += string}

function clear(obj)

  {obj.expr.value = ''}

// --End Hiding Here -->

</script>

<form name="calc">

<table border=1>

<td colspan=4><input type="text" name="expr" size=30 action="compute(this.form)"> <tr>

<td><input type="button" value="  7  " onClick="enter(this.form, seven)">

<td><input type="button" value="  8  " onClick="enter(this.form, eight)">

<td><input type="button" value="  9  " onClick="enter(this.form, nine)">

<td><input type="button" value="   /  " onClick="enter(this.form, divide)">

<tr><td><input type="button" value="  4  " onClick="enter(this.form, four)">

<td><input type="button" value="  5  " onClick="enter(this.form, five)">

<td><input type="button" value="  6  " onClick="enter(this.form, six)">

<td><input type="button" value="  *  " onClick="enter(this.form, multiply)">

<tr><td><input type="button" value="  1  " onClick="enter(this.form, one)">

<td><input type="button" value="  2  " onClick="enter(this.form, two)">

<td><input type="button" value="  3  " onClick="enter(this.form, three)">

<td><input type="button" value="   -  " onClick="enter(this.form, minus)">

<tr><td colspan=2><input type="button" value="       0       " onClick="enter(this.form, zero)">

<td><input type="button" value="   .  " onClick="enter(this.form, decimal)">

<td><input type="button" value="  +  " onClick="enter(this.form, plus)">

<tr><td colspan=2><input type="button" value="   =   " onClick="compute(this.form)">

<td colspan=2><input type="button" value="AC" size= 3 onClick="clear(this.form)"> </table>

</form></td></tr></table></center>

<br>

<br>

<center>

<textarea name=source rows=12 cols=55 class=yk9>

脚本说明:

把如下代码加入<body>区域中

<script language="JavaScript">

<!-- Hide the script from old browsers --

function compute(obj)

  {obj.expr.value = eval(obj.expr.value)}

var one = '1'

var two = '2'

var three = '3'

var four = '4'

var five = '5'

var six = '6'

var seven = '7'

var eight = '8'

var nine = '9'

var zero = '0'

var plus = '+'

var minus = '-'

var multiply = '*'

var divide = '/'

var decimal = '.'

function enter(obj, string)

  {obj.expr.value += string}

function clear(obj)

  {obj.expr.value = ''}

// --End Hiding Here -->

</script>

<form name="calc">

<table border=1>

<td colspan=4><input type="text" name="expr" size=30 action="compute(this.form)"> <tr>

<td><input type="button" value="  7  " onClick="enter(this.form, seven)">

<td><input type="button" value="  8  " onClick="enter(this.form, eight)">

<td><input type="button" value="  9  " onClick="enter(this.form, nine)">

<td><input type="button" value="   /  " onClick="enter(this.form, divide)">

<tr><td><input type="button" value="  4  " onClick="enter(this.form, four)">

<td><input type="button" value="  5  " onClick="enter(this.form, five)">

<td><input type="button" value="  6  " onClick="enter(this.form, six)">

<td><input type="button" value="  *  " onClick="enter(this.form, multiply)">

<tr><td><input type="button" value="  1  " onClick="enter(this.form, one)">

<td><input type="button" value="  2  " onClick="enter(this.form, two)">

<td><input type="button" value="  3  " onClick="enter(this.form, three)">

<td><input type="button" value="   -  " onClick="enter(this.form, minus)">

<tr><td colspan=2><input type="button" value="       0       " onClick="enter(this.form, zero)">

<td><input type="button" value="   .  " onClick="enter(this.form, decimal)">

<td><input type="button" value="  +  " onClick="enter(this.form, plus)">

<tr><td colspan=2><input type="button" value="   =   " onClick="compute(this.form)">

<td colspan=2><input type="button" value="AC" size= 3 onClick="clear(this.form)"> </table>

</form>

</textarea>

<SCRIPT LANGUAGE="JavaScript">


<!-- hide


function goHist(a)


{


  history.go(a);


}


//-->


</script>


<FORM METHOD="post">

<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">

</form>

</center>

<br>

<br>

</body>

</html>

(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
本站页面浏览总量: