招聘网站特效制作V1.0.ppt

《招聘网站特效制作V1.0.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、招聘网站特效制作讲解和分析需求讲解和分析需求（20分钟）学员首先阅读项目案例需求和实现步骤老师讲解需求，学生理解需求并分析问题描述招聘网站特效制作，实现如下功能：1、网站首页2、新用户注册3、用户登录4、简历管理：信息填写5、职位搜索6、招聘公司页面查看网站整体效果查看问题分析-1模板制作：网站底部做成模板，网站其他页面调用模板，模板用DIV套表格布局问题分析-2首页：index.html1、DIV套表格布局页面2、网页左侧实现带关闭按钮、随滚动条上下移动的广告层3、随机漂浮的图片广告4、向上、向左滚动的信息（利用

2、marquee跑马灯实现）5、最热招聘（本页内锚链接）网站首页效果查看注册页面：register.html1、E-mail和会员名要求单击按钮验证；提示错误信息及信息填写正确页面2、密码用onBlur离开焦点的表单提示效果直接提示3、提交按钮换为图片按钮，并且鼠标移到按钮上，图片背景改变问题分析-3注册页面效果查看问题分析-4登录页面效果查看登录：login.html1、用户名和密码用JS验证是否为空2、提交按钮换为图片按钮，并且鼠标移到按钮上，图片背景改变问题分析-5简历管理页面效果查看简历管理：intro.ht

3、ml1、基本个人信息、简历填写、附加信息的注册2、用onBlur直接验证表单内容3、居住地用级联下拉列表框问题分析-6职位搜索：search.html1、DIV套表格布局2、点击工作地点弹出选择层，选中的地点直接显示在按钮上3、职能类别/行业类别：和工作地点选择一样，可以用复选框进行多项选择，选中的项显示在下面的单元格内职位搜索页面效果查看问题分析-7招聘公司页面：company.html1、页面打开时，弹出广告窗口2、二级的横向菜单，鼠标移动一级菜单时，二级菜单显示，离开时，二级菜单隐藏；鼠标在菜单上时，超链接文

4、字及背景样式改变3、四幅图片循环显示的横幅广告4、职位按地区搜索，实现级联的二级下拉列表框5、左侧的功能菜单下的超链接，实现对应网页右侧相对层的显示、隐藏效果招聘公司页面效果查看难点分析-1新用户注册页面按钮验证E-mail及用户名functionchemail(email){if(email.value.indexOf('@',0)==-1){alert("请输入正确的电子邮件地址");email.focus();returnfalse;}else{window.open("checkmail.html","",

5、)}}验证符合要求弹出窗口查看页面效果难点分析-2登录页面提交按钮用图片按钮，鼠标移动到按钮上，按钮背景变化查看页面效果难点分析-3职位搜索页面工作地点搜索及按钮显示确定地点functionshow(

6、area){document.getElementById('workarea').value=area;//选择地点显示在按钮上document.getElementById('worksearch').style.display='none';//选择层隐藏}选中地点显示在按钮上查看页面效果functiontrainshow(box,showid,closediv){//传了三个参varss="";vartt,n=0;varnn=document.all.item(box);for(j=0;j

7、h;j++){if(document.all.item(box,j).checked){……}else{……}document.getElementById(showid).innerHTML=ss;document.getElementById(closediv).style.display='none';}难点分析-4搜索页面行业类别选择显示选中的行业类别查看页面效果functionchangePos(){img.style.left=xPos+document.body.scrollLeft;//图片距浏览器

8、左侧位置img.style.top=yPos+document.body.scrollTop;//漂浮图片距浏览器顶端位置if(yon==0){……}else{…}if(yPos<0){……}if(yPos>=(height-Hoffset)){…..}if(xon==0){……}else{……}if(xPos<0){……}if(xPos>=(width-W