鼠标移入(移出)事件(清晰版)

(1.)创建一个html,再给他导入一个css样式.

鼠标移入(移出)事件(清晰版)

(2.)这次只是弄一个简单的鼠标移入事件,就简单的做一个,给他创建个点击事件,给他一个id。

鼠标移入(移出)事件(清晰版)

(3.)给他div包裹住再给他一个id,下面给他创建表格,给他类,后面是表格之间的距离。

Tr是行,th是表头,td是单元格。

鼠标移入(移出)事件(清晰版)

(4.)来到样式这边,给baoguo(表格的框架)设置样式,给他白色的背景,绝对定位,右边不要距离,高给他35个像素,给他隐藏起来。

鼠标移入(移出)事件(清晰版)

(5.)然后是表格和表格内容结构的设置,先给表格设置100%的宽,然后是设置分界线,1像素和实线,然后是线的颜色和字体的颜色,然后是th和td,给他文字居中,然后是上内边距8像素(上,右,下,左),给他td上面设置分界线,然后tr的尾类设置成偶数,然后设置偶数的颜色。

鼠标移入(移出)事件(清晰版)

(6.)最后是id,也就是鼠标移入(移出)事件,给他引入id。

Sbyrsj.鼠标移入事件=function(){

Header。Style。display=移入;当display显示移入时

Sbyrsj.就会显示=收起;

},

下面个反过来的

Sbyrsj.鼠标移出事件=function(){

Header。Style。display=关闭状态;当display显示移出时

Sbyrsj.就会显示=显示;

相关文章: