单元5设计表单控件类网页特效(JavaScript+jQuery网页特效设计实例).ppt

图5-11　输出列表框中被选项的文本内容 任务5-9 JavaScript实现利用列表框切换网页 【任务描述】 同一个文件夹中有多个网页文档，如left01.html、left02.html和left03.html，在网页的列表框中选择一个列表项，即可实现切换网页的功能，如图5-12所示。 图5-12　在列表框中选择列表项切换网页 任务5-10 jQuery实现验证页面页码 【任务描述】 网页0510.html中的页面导航栏如图5-13所示，单击数字按钮或【上一页】或【下一页】按钮可以切换到相应的页面。 在输入框中输入数字，然后单击【确定】 按钮也可以切换到相应的页面。 在输入框中输入数字或者输入数字后单 击【确定】按钮时都要调用自定义函数verify ListPages()验证页码是否为数字。 图5-13　网页0510.html中的页面导航栏 单元5 设计表单控件类网页特效 任务5-1 实现注册表单中的网页特效 网页0501.html中的注册表单如图5-1所示。 图5-1　网页0501.html中的注册表单 任务5-2 实现反馈意见表单中的网页特效 在网页0502.html中单击超链接“我要说两句”，如图5-2所示，将显示输入反馈意见的文本框和两个按钮，如图5-3所示。 图5-2　单击超链接“