null第5章 上机第5章 上机CSS高级特效(一)作业点评作业点评理论作业 网易邮箱注册
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
单动态输入提示效果演示作业点评作业点评上机作业 列车时刻查询//车次查询部分
var orders=new Array();
orders["动车组"]=["D1","D2","D3","D4"];
orders["快车"]=["K3","K4","K5","K6"];
orders["普车"]=["1008/1009","1010/1007","1019"];
function showOrder()
{
var order =document.getElementById("order");
var category=document.getElementById("category");
order.length=1;
for(var key in orders[category.value])
{
var op=new Option();
op.text=orders[category.value][key];
op.value=orders[category.value][key];
order.options.add(op);
}
}效果演示上机
内容
财务内部控制制度的内容财务内部控制制度的内容人员招聘与配置的内容项目成本控制的内容消防安全演练内容
上机内容页面Tab特效的应用
遮罩层特效的应用上机目标上机目标制作51job校园招聘栏目的搜索版块
制作51job个人加油站版块阶段1阶段1训练内容
使用getElementById访问页面元素
使用display属性实现页面元素的显示和隐藏
处理鼠标的onmouseover事件和onmouseout事件
需求说明
制作51job校园招聘栏目的搜索版块的Tab切换特效 阶段1阶段1完成时间20分钟 参考代码实现思路
使用DIV+CSS定义Tab结构的标题、内容及Tab页脚部分
编写Tab样式
规则
编码规则下载淘宝规则下载天猫规则下载麻将竞赛规则pdf麻将竞赛规则pdf
,定义Tab元素的外观
使用脚本处理Tab的onmouseover和onmouseout事件,在鼠标事件中动态设置display属性
阶段1阶段1需求说明
练习使用className属性动态切换样式规则参考代码完成时间20分钟 阶段1阶段1需求说明
制作个人加油站Tab特效,实现Tab手动切换和系统自动切换特效
参考代码完成时间25分钟 小结小结
总结
初级经济法重点总结下载党员个人总结TXt高中句型全总结.doc高中句型全总结.doc理论力学知识点总结pdf
常见问题及解决
办法
鲁班奖评选办法下载鲁班奖评选办法下载鲁班奖评选办法下载企业年金办法下载企业年金办法下载
共性问题集中讲解阶段2阶段2训练内容
使用getElementById访问页面元素
使用display属性动态显示、隐藏页面元素
使用position:absolute定位元素位置
需求说明
制作51job选择工作地点的遮罩层特效 阶段2阶段2完成时间25分钟 参考代码实现思路
使用div定义遮罩层,遮罩层的大小要大于等于屏幕的尺寸
使用div定义弹出层,制出弹出层中的工作地点选择列表
遮罩层的z-index属性值小于弹出层的z-index属性值
使用脚本动态设置遮罩层和弹出层的display属性值阶段2阶段2需求说明
参照指导部分的内容,制作快速搜索Tab的日期选择功能 参考代码完成时间20分钟 总结总结 总结并布置作业null