关于Javascript 特效代码

JavaScript011

关于Javascript 特效代码,第1张

<script language="JavaScript">

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

function compute(obj) //定义一个函数 名字叫compute 他接收了一个参数 obj

{obj.expr.value = eval(obj.expr.value)} //当前的参数的值和下文参数值所用的方法相同

var one = '1' //定义一个字符型的1

var two = '2' //定义一个字符型的2

var three = '3' //定义一个字符型的3

var four = '4' //定义一个字符型的4

var five = '5' //定义一个字符型的5

var six = '6' //定义一个字符型的6

var seven = '7' //定义一个字符型的7

var eight = '8' //定义一个字符型的8

var nine = '9' //定义一个字符型的9

var zero = '0' //定义一个字符型的0

var plus = '+' //定义一个字符型的+

var minus = '-' //定义一个字符型的*

var multiply = '*' //定义一个字符型的*

var divide = '/' //定义一个字符型的/

var decimal = '.' //定义一个字符型的.

function enter(obj, string) //定义一个函数 名字叫enter 他接收了一个参数 obj

{obj.expr.value += string} //让 obj的值加上 '+'后面的值

function clear(obj) //定义一个函数 名字叫clear 他接收了一个参数 obj

{obj.expr.value = ''} //让obj的值等于空

// --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)"><!

--提交表单在javascript中进行运算-->

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

点击此按钮调用此函数-->

</table>

</form>

浏览器查看。

用Chrome、火狐等（其它浏览器操作类同），打开浏览器后，按F12。或者打开开发者工具，可以查看相应的html、css、js等内容。

效果图如下（查看源码）

<script src="jquery.js"></script>

<script>

$(".quanping").width($(window).width())

$(".quanping").height($(window).height())

</script>

<div class="quanping" style=" border:1px solid red overflow:hidden">

</div>

全屏的那个就是