鼠标事件的移动及移出效果都可以使用js来自定义,下面有个示例,效果为当事件发生改变时背景颜色也随着改变,适合新手朋友
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
< style type = "text/css" >
.style0{
background-color:#FFFF00;
}
.style1{
background-color:#00FFFF;
}
</ style >
</ head >
< body >
< table width = "576" height = "79" border = "1" >
< tr >
< td id = "td1" onmousemove = "document.getElementById('td1').className='style0';" onmouseout = "document.getElementById('td1').className='style1'" >< div align = "center" class = "STYLE2" >主页</ div ></ td >
< td >< div align = "center" class = "STYLE2" >男</ div ></ td >
< td >< div align = "center" class = "STYLE2" >女</ div ></ td >
</ tr >
</ table >
</ body >
|