实验7 JavaScript事件处理
- 格式:doc
- 大小:292.50 KB
- 文档页数:7
游戏系 实验报告封面
课程名称: 课程代码:
任课老师: 实验指导老师:
实验报告名称:
学生姓名: 学号: 教学班:
递交日期:
我申明,本报告内的实验已按要求完成,报告完全是由我个人完成,并没有抄袭行为。我已经保留了这份实验报告的副本。
申明人(签名):
实验报告评语与评分:
评阅老师签名:
本实验报告包括以下几个内容: 一、实验(实践)目的 二、实验(实践)环境
三、实验(实践)实现过程
四、实验(实践)分析与总结
五、指导教师评语与评分
2:制作下拉菜单特效
注意:本次实验不限定内容,效果由各位同学自行设计。
}
ul{
list-style: none;
float: left;
width: 8em;
}
#menua{
left: 18.1em;
top: 7.8em;
position: absolute;
display: none;
}
window.onload=function(){
//封装函数,获取li,设置鼠标事件
function a(x,y){//一级菜单,二级菜单
var menu1 = document.getElementById(x);
var li0=menu1.getElementsByTagName('li');
var menut=document.getElementById(y);
var menua=document.getElementById('menua');
for(var i=0;i li0[i].onmousemove=function(){ this.style.background='red'; menut.style.display='block'; } li0[i].onmouseout=function(){ this.style.background='dimgray'; menut.style.display='none'; } } //二级菜单第一项鼠标悬浮显示三级菜单 if(x=='menu1'){ li0[1].onmouseover=function(){ menua.style.display='block'; menua.style.left=18.1+'em'; } li0[1].onmouseout=function(){ menua.style.display='none'; this.style.background='dimgray'; } } if(x=='menu2'){ li0[1].onmouseover=function(){ menua.style.display='block'; menua.style.left=26.1+'em'; } li0[1].onmouseout=function(){ menua.style.display='none'; this.style.background='dimgray'; } } if(x=='menu3'){ li0[1].onmouseover=function(){ menua.style.display='block'; menua.style.left=34.1+'em'; } li0[1].onmouseout=function(){ menua.style.display='none'; this.style.background='dimgray'; } } if(x=='menu4'){ li0[1].onmouseover=function(){ menua.style.display='block'; menua.style.left=42.1+'em'; } li0[1].onmouseout=function(){ menua.style.display='none'; this.style.background='dimgray'; } } if(x=='menu5'){ li0[1].onmouseover=function(){ menua.style.display='block'; menua.style.left=50.1+'em'; } li0[1].onmouseout=function(){ menua.style.display='none'; this.style.background='dimgray'; } } } a('menu1','menut1');a('menu2','menut2');a('menu3','menut3');a('menu4','menut4' );a('menu5','menut5');//执行函数 };