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

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在这里插入图片描述

(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.就会显示=显示;

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值