
(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.就会显示=显示;
本文介绍如何使用HTML和CSS创建一个简单的鼠标移入和移出事件示例。通过设置元素的样式和ID,利用CSS实现元素的显示与隐藏。详细步骤包括创建HTML结构,设置表格样式,以及定义鼠标移入和移出时的显示状态改变。
673

被折叠的 条评论
为什么被折叠?



