Question

如何实现在网页上的一张图片，把鼠标的光标移动到图片的某一部分，旁边就会出现一个文本框做相应的解释？

如题，一张图片有N个部分，每个部分都需要有针对性的介绍，所以想达到一种效果就是把鼠标放在某个部分上面，然后旁边就能出线一个文本框，有文字都相应的部分进行介绍，向高手求教！

Answer 1

你好，
可以在图片上面放置N个透明div，并为每个div设置title属性，而title就是该图片区域的描述，当标放在div之上时就会自动弹出title的提示，，注意div需要定位到合适的位置。。。。。。。

PS ：如果需要显示出一个自定义样式的文本框，原理也是一样的，你可以先把文本框做好，默认隐藏，当光标经过时显示出来。。。。。。。。当然这个效果结合JS用插入节点的方式来做会更好些。。。。

追问

感谢你的耐心回答，我会再自己研究一下的，首先从什么叫div研究起。。。

Answer 2

用dw软件设置一下热点区域，然后在指定的热点区域里面设置属性alt的值，值里面放你需要显示的解释。

追问

哥们感觉你说的挺对的，但是能不能术语少一些。。。谢了！

Answer 3

这样的效果应该要很多图片把！不能一张就搞定了