手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

实现网页上集体照鼠标移过人头显示人名

时间:2024-10-12 07:47:11

1、打开DW,新建一个HTML文件。

实现网页上集体照鼠标移过人头显示人名

2、插入集体照,并点击插入图像热点

实现网页上集体照鼠标移过人头显示人名

3、因为是示例,我这里只插入了五个热点。插入完所有热点后,点击“代码”。

实现网页上集体照鼠标移过人头显示人名

4、进入代码编辑模式后会看到对应热点的代码,去掉红线部分,这样在最后成品网页点击热点时就不会出现热点区域的形状。

实现网页上集体照鼠标移过人头显示人名

5、把上面划红线的部分代码改一下,加入人名。

实现网页上集体照鼠标移过人头显示人名

6、保存后按F12可以浏览到效果。

实现网页上集体照鼠标移过人头显示人名
© 手抄报圈