给出试题，完成后跳窗显示成线和答案-JS特效-爱易网页

给出试题，完成后跳窗显示成线和答案

日期：2014-05-18　浏览次数：20181 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

var Total_Question = 4        // 修改这里与题目数量一致

var msg = ""

// 正确答案

var Solution = new Array(Total_Question)

Solution[0] = "TCP/IP"

Solution[1] = "集线器"

Solution[2] = "SUN"

Solution[3] = "Microsoft"

function GetSelectedButton(ButtonGroup)

{

for (var x=0; x < ButtonGroup.length; x++)

if (ButtonGroup[x].checked) return x

return 0

}

function ReportScore(correct)

{

var SecWin =

window.open("","scorewin","scrollbars,width=300,height=220")

var MustHave1 = "<HTML><HEAD><TITLE>测验成绩报告</TITLE></HEAD><BODY>"

var Percent = "<H2>测验成绩 : "+Math.round(correct/Total_Question*100)

+ "</H2><HR>"

lastscore=Math.round(correct/Total_Question*100)

if (lastscore == "100"){

msg = MustHave1 +Percent + "<font color='red'>恭喜，全部答对了！</font>" + msg  + "<input type='button' value='close' onclick=javascript:window.close()></BODY></HTML>"}

else {

msg = MustHave1 +Percent + "<font color='red'>正确答案：</font>" + msg  + "<input type='button' value='close' onclick=javascript:window.close()></BODY></HTML>"

}

SecWin.document.write(msg)

msg = ""  //清空msg

}

function Grade()

{

var correct = 0

var wrong = 0

for (number=0; number < Total_Question; number++)

{

var form = document.forms[number]      // Question #

var i = GetSelectedButton(form.q1)

if (form.q1[i].value == "1")

{ correct++ }

else

{ wrong++

msg += "Question "+(number+1)+"."

+Solution[number]+"<BR>"

}

ReportScore(correct)

}

</script>

第二步：把如下代码加入到<body>区域中

<tr>

<td>

<form>

三个非常简单的问题：

(1)Internet上使用的网络协议是：__________

<input type="radio" name="q1" value="0" checked>X.25

<input type="radio" name="q1" value="1">TCP/IP

<input type="radio" name="q1" value="0">NetBEUI

</form>

<form>

(2)HUB是指：__________

<input type="radio" name="q1" value="0" checked>网桥

<input type="radio" name="q1" value="1">集线器

<input type="radio" name="q1" value="0">网关

<input type="radio" name="q1" value="0">路由器

<form>

(3)JAVA是哪个公司的产品：__________

<input type="radio" name="q1" value="0" checked>Novell

<input type="radio" name="q1" value="0">Microsoft

<input type="radio" name="q1" value="1">SUN

<form>

(4)IIS(Internet Information Server)是哪个公司的产品：__________

<input type="radio" name="q1" value="0" checked>Novell

<input type="radio" name="q1" value="1">Microsoft

<input type="radio" name="q1" value="0">Netscape

<form>

<input type="button" name="Submit" value="看看成绩"

onClick="Grade()" class="pt9">

</div>

</form>

</td>

</tr>

</table>
<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

给出试题，完成后跳窗显示成线和答案

相关资料更多>

推荐阅读更多>