web基础上机考试试题.docVIP

考前必读 试卷中共有五个题目，学号尾数为1和6的同学做第一题，学号尾数为2和7的同学做第二题，学号尾数为3和8的同学做第三题，学号尾数为4和9的同学做第四题，学号尾数为5和0的同学做第五题。 所有图片均在images文件夹中。 所有超链接一定要使用相对地址，上传时按照相对位置打包上传。 上传时文件名称按照“学号姓名”的格式上传，如：2012204201张三。注意：上传后不能删除及修改。 试题 跑马灯图片放大效果 新建一个网页，使用五张图片pic1.jpg、pic2.jpg、pic3.jpg、pic4.jpg、pic5.jpg排成一行，图像宽和高为100px，有1px实线边框，填充值为6px。将这些图像放在一个跑马灯内，使其从右向左不断循环滚动，滚动速度为8，延时为5。当鼠标放在某个图片上，滚动停止且该图像呈放大效果如下图所示，图像宽和高改为150px，边框及间距不变。鼠标离开后放大效果消失，继续滚动。注意：放大时后边的图片应该还在原来的位置，放大后的图像一定要完全显示。 利用相对定位制作柔边阴影效果。 新建一个网页，使用三张图片pic1.jpg、pic2.jpg、pic3.jpg实现如下图所示效果。图片高度和宽度均为150px，有1px实线边框，填充值为6px，三张图片并排排列，间距为30px。柔边图片为“柔边.gif”，柔边显示6px。 制作纯CSS下拉菜单 使用CSS制作下拉菜单，要求：一级菜单使用自适应宽度的圆角导航条，并使用滑动门技术实现背景颜色的翻转，背景图像使用yuanjiao2.png。结果如下图所示： 结构代码如下： <ul> <li><a href="">学校概况</a> <ul> <li><a href="">聊大简介</a> </li> <li><a href="">学校地图</a></li> <li><a href="">影像聊大</a></li> <li><a href="">聊大标识</a></li> </ul> </li> <li><a href="">组织机构</a> <ul> <li><a href="">党政机关</a></li> <li><a href="">党群团组织</a></li> <li><a href="">直附属单位</a></li> <li><a href="">科研院所</a></li> <li><a href="">教学单位</a></li> </ul> </li> <li><a href=">师资队伍建设</a> <ul> <li><a href="">师资概况</a></li> <li><a href="">两院院士</a></li> <li><a href="">聊大名师</a></li> <li><a href="">人才招聘</a></li> </ul> </li> <li><a href="">教学科研</a> <ul> <li><a href="">教学工作</a></li> <li><a href="">人才培养</a></li> <li><a href="">科学研究</a></li> <li><a href="">学科建设</a></li> </ul> </li> <li><a href="">招生就业</a> <ul> <li><a href="">本专科招生</a></li> <li><a href="">研究生招生</a></li> <li><a href="">网络教育招生</a></li> <li><a href="">成人教育招生</a></li> <li><a href="">就业指导中心</a></li> </ul> </li> </ul> 美化网页 打开提供的网页4.html，修改为如下图所示样式。要求： 第一张图片与第一段文字为图文混排效果。 目录表格为1像素实线边框，颜色#CCCCCC，宽度100。标题下方有一像素虚线，颜色#CCCCCC。 表格中的四项分别对应下方h3号标题的四个标题，请设置为点击某个选项后对应的标题在网页主体部分显示的最上方。 表单 新建两个网页zhuce.html、xianshi.asp，实现表单的输入与显示，要求： 注册页面样式如下图所示。 登录信息中的登录名称使用文本域，登录密码使用密码域，宽度均为160px。两者当获得焦点时背景颜色