怎样制作图片热点

 时间:2024-11-26 17:59:27

1、首先我们要先来新建一个HTML页面,然后保存在一个文件夹下面。

怎样制作图片热点

2、我们既然是做图片热点,首先就要配图片了,先在<img>标签中添加一张图片。

怎样制作图片热点

3、然后我们继续在img标签中添加usermap属性,属性值是map标签的名字。

怎样制作图片热点

4、然后我们在body中继续添加map标签,标签的name就是usermap属性的值。要去掉#号

怎样制作图片热点

5、然后我们在area标签内部划定一个区域作为热点区。我先以矩形为例。

怎样制作图片热点

6、我们按下键盘上的F12,对网页进行浏览。在浏览器中点击图片查看效果。

怎样制作图片热点

7、可以看到我们点击图片左上角的部分时,鼠标会变成小手状,并出现一个框线,然后页面跳转到百度首页。

怎样制作图片热点
  • jquery如何把div的边框设置成虚线
  • 八爪鱼采集器怎么抓取数据?
  • 需求分析的主要方法有哪些
  • MyEclipse中如何增强Content Assist的提示功能
  • AxureRP如何设置文本框回车触发事件
  • 热门搜索
    艾滋病是怎么来的 强迫症怎么治疗 微信支付密码忘了怎么办 金秘书为什么这样 怎么确定自己是否抑郁了 刎怎么读 杨玉环怎么死的 神舟笔记本怎么样 钒怎么读 嚼槟榔脸变大怎么恢复