13518219792
!DOCTYPE iframe PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
创新互联建站技术团队10余年来致力于为客户提供成都网站建设、成都做网站、成都品牌网站建设、网络营销推广、搜索引擎SEO优化等服务。经过多年发展，公司拥有经验丰富的技术团队，先后服务、推广了上千多家网站，包括各类中小企业、企事单位、高校等机构单位。
html
head
style type="text/css"
ul { list-style:none;
}
/style
/head
body
!-- 计时按钮 --
div align="center" id="" class=""
input type="button" value="开始答题"/
input type="text" id=""
/div
!-- 1~3题 单选 --
div id="" class=""
ul
li
1、吉泽明步漂亮不漂亮?
/li
linbsp;nbsp;nbsp;nbsp;
A. 好input type="radio" name="timu1" value="A"nbsp;
B. 不好input type="radio" name="timu1" value="B"nbsp;
C. 都行input type="radio" name="timu1" value="C"nbsp;
D. 嗯input type="radio" name="timu1" value="D"
/li
/ul
ul
li
2、吉泽明步漂亮不漂亮?
/li
linbsp;nbsp;nbsp;nbsp;
A. 好input type="radio" name="timu2" value="A"nbsp;
B. 不好input type="radio" name="timu2" value="B"nbsp;
C. 都行input type="radio" name="timu2" value="C"nbsp;
D. 嗯input type="radio" name="timu2" value="D"
/li
/ul
ul
li
3、吉泽明步漂亮不漂亮?
/li
linbsp;nbsp;nbsp;nbsp;
A. 好input type="radio" name="timu3" value="A"nbsp;
B. 不好input type="radio" name="timu3" value="B"nbsp;
C. 都行input type="radio" name="timu3" value="C"nbsp;
D. 嗯input type="radio" name="timu3" value="D"
/li
/ul
/div
!-- 4~6题 多选 --
div
ul
li
4、以下明星你认识几个？（多选题）
/li
linbsp;nbsp;nbsp;nbsp;
A. 小泽玛利亚input type="checkbox" name="timu4" value="A"nbsp;
B. 苍井空input type="checkbox" name="timu4" value="B"nbsp;
C. 泷泽萝拉input type="checkbox" name="timu4" value="C"nbsp;
D. 天海翼input type="checkbox" name="timu4" value="D"nbsp;
/li
/ul
ul
li
5、以下明星你认识几个？（多选题）
/li
linbsp;nbsp;nbsp;nbsp;
A. 小泽玛利亚input type="checkbox" name="timu5" value="A"nbsp;
B. 苍井空input type="checkbox" name="timu5" value="B"nbsp;
C. 泷泽萝拉input type="checkbox" name="timu5" value="C"nbsp;
D. 天海翼input type="checkbox" name="timu5" value="D"nbsp;
/li
/ul
ul
li
6、以下明星你认识几个？（多选题）
/li
linbsp;nbsp;nbsp;nbsp;
A. 小泽玛利亚input type="checkbox" name="timu6" value="A"nbsp;
B. 苍井空input type="checkbox" name="timu6" value="B"nbsp;
C. 泷泽萝拉input type="checkbox" name="timu6" value="C"nbsp;
D. 天海翼input type="checkbox" name="timu6" value="D"nbsp;
/li
/ul
/div
!-- 7~9题 填空 --
div
ul
li
7、你最喜欢的明星是哪些？INPUT TYPE="text" id="timu7" style="width:300;border:none;border-bottom:1px solid #005;background:transparent;"
/li
li
8、你最喜欢的明星是哪些？INPUT TYPE="text" id="timu8" style="width:300;border:none;border-bottom:1px solid #005;background:transparent;"
/li
li
9、你最喜欢的明星是哪些？INPUT TYPE="text" id="timu9" style="width:300;border:none;border-bottom:1px solid #005;background:transparent;"
/li
/ul
/div
!-- 10题 简答 一题12分，超过10个字给三分，有三个符合答案的关键词给12分 --
div
ul
li
10、你对以上明星的评价如何
/li
li
textarea id="timu10" style="resize:none;width:500px;height:100px" /textarea
/li
/ul
/div
!-- 提交按钮和自动判分对话框 --
div align="center"
input type="button" value="提交" onclick="sub()"/
script type="text/javascript"
function sub(){
var key = new Array();
key.push("");
var grade = 0;
key.push("A");
key.push("B");
key.push("D");
var timu1 = document.getElementsByName("timu1");
for(var i=0; itimu1.length; i ++){
if(timu1[i].checked){
timu1 = timu1[i].value;
}
}
if(timu1==key[1]){
grade = grade+2;
}
alert(grade);
}
/script
/div
/body
/html
剩下的都差不多，不懂再追
request.getParemeter("pagenow");
script
var c = 1;
function addpage()
{
++c;
document.pfm.pagenow.value = c;
alert(c);
document.form.submit;
}
function delpage()
{
--c;
document.pfm.pagenow.value = c;
alert(c);
document.form.submit;
}
/script
form method="post" action="a?id=1page=%=pagenow%" name="pfm"
input type="hidden" value="1" name="pagenow"/
input type="hidden" name="countpage"/
input type="button" value="上一页" onclick="delpage()"/
input type="button" value="下一页" onclick="addpage()"/
/form
//首先你要从第一个页面传一个值过来到这个有分页的页面
//也就是说比如第一个页面叫做a.jsp第二个页面时b.jsp
//a.jsp里面有这样一个连接a href="b.jsp?id=1pagenow=1"
//这样b.jsp一开始就会接受到pagenow是1的值
//然后就是利用js控制一个变量，基本上就是这样的
//然后传到一个servlet里面,这个servlet叫做aservlet然后里面什么
//乱七八糟的我就说了，因为我是在网吧上的网，只要你会熟练运用
//jsp里面的页面传值，只要解决js问题，基本上就完成了,我现在帮你解决
//了js问题，应该对你有帮助，你仔细看看，想想，我也是自己做出来的，这个别叫简答
//希望对你有帮助
我不知道你还学过其它什么语言，如果学过，可以进行类比
JAVASCRIPT作为一种脚本语言，可以说非常强大。
我感觉它是属于C系统的语言：
1、数据类型
2、基本语法
3、流程控制
4、API
5、高级特性（闭包、面向对象）
a{} /* 标签选择器，查找标签名称为a的节点 */
.cls{} /* 类选择器，查找class属性值中含有cls类的节点 */
#id /* id选择器，查找id为id的节点 */
以上为最常用的三个选择器，另外还有一些更为复杂的选择器，如：
a:hover{} /* 伪类选择器，查找鼠标经过时的a标签 */
p:after{} /* 伪元素选择器，在p标签后添加一个元素 */
input[name=test]{} /* 属性选择器，查找属性name值为test的节点 */
上面基本都是比较基础的选择器，这些选择器也可以组合使用，如：
div a{} /* 后代选择器，查找所有div标签下的所有a标签 */
div input{} /* 子元素选择器，查找所有div标签下的所有直接子元素input标签 */
div + p{} /* 相邻元素兄弟元素选择器，查找紧邻div元素后的p标签 */
多个选择器可以使用逗号分开，以达到不同选择器结果的合并：
p, div, table a{} /* 合并结果集，查找所有p标签、div标签以及div标签下的a标签 */
如果是dom里面一般称之为 ：节点 setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。
