网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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

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

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

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

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

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

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

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

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

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

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

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

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

实现网页上集体照鼠标移过人头显示人名
© 2025 一点知道
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com