大概有这几种实现方式：
1、flash方式；(IE和其它大多数浏览器都适用)
2、vml方式；(IE浏览器适用[需安装office])
3、svg方式；(IE浏览器需要安装插件才支持，FF和谷歌浏览器不用安装插件)
4、热点方式；(最多浏览器兼容，但效果不太好看)
4、HTML5方式 (需要支持HTML5的浏览器，这个我还不知道行不行，HTML5我也还没了解过，估计是行的)
1，2，3这三种方式的原理都差不多，定义好所有需要有这样效果的地点对象，设置好这些对象的鼠标移入移出事件，鼠标移入事件显示地点的名称或具体其他信息，移出事件隐藏该地点对象的这些信息。
只说这么多了，说是容易，做起来不容易，得大半天或一天时间，看地点有多少，能做这样效果的人工资也该有5，6千吧，花一天做这个得值200块，在这里回答是免费的所以你就不要叫我写好代码做出来给你了。
打开参考资料里的网页，看页面中部有个vml方式的示例(我以前做的)。
判定一个元素的尺寸和位置的最简单的方法是调用它的getBoundingClientRect()方法。返回一个left、top(坐上角)right、bottom(右下角)，height、width(ie中没有，但可以用right-left、bottom-top得到)，其返回的坐标包含元素的边框和内边距，但不包含元素的外边距。
如果浏览器不支持getBoundingClientRect()，则可以用HTML元素的只读属性offsetWidth、offsetHeight以CSS像素返回它的屏幕尺寸(只包含边框和内边距)
一个思路：js或者选取事件，然后将选中的文字长度及该文字的doc层次结构及文字起始位置写到cookie里，下次访问时，从cookie中获取值再根据doc层次结构及起始位置在页面中查找到文字，并高亮。比如：<html><body><p><p><p>啊啊啊啊啊aaa变变变</p></body></html>，如果选中aaa，那么记录doc结构为html下body下第二个p，记录长度为3，记录起始位置为10（这里以一个汉字两个字符长度，具体只有保证存和取一致即可）。大概看了一下这个流程的js功能用jquery应该都可以实现。
以上就是关于如何在网页中定位一个具体的位置全部的内容，包括:如何在网页中定位一个具体的位置、如何获取网页中某一元素相对文档的位置、如何获取网页中选中的文字位置等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）