实现网页上集体照鼠标移过人头显示人名
来源:网络收集 点击: 时间:2024-01-27【导读】:
用Dreamweaver实现网页上集体照鼠标移过人头显示人名及相关文字工具/原料moreDreamweaver方法/步骤1/6分步阅读
2/6
3/6
4/6
5/6
6/6
注意事项
打开DW,新建一个HTML文件。

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

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

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

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

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

加入人名的地方,是可以加入除人名外的别的内容的,文字可多可少,最终成品网页中也会出现的。如可以加入的文字为:李老师(班主任、英语老师)或李三(体育委员,校运会200米冠军)。
每一张集体照只需要第一次设置的时候用到DW来设置热点,一旦制作好浏览成功后,可以用浏览器软件(360浏览器的话要用兼容模式)另存为mht文件(单一个文件)再分发给成员,每个成员得到后用浏览器打开后再另存为html网页,用记事本软件打开就可以自己修改里面的文字了的。
版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_7851.html