Question

如何通过javascript动态地在网页指定位置显示文本块？

我现在想做一个javascript小程序，在网页内容中查找所有的“hello”，并在每一个“hello”附近显示一块图片或文本。这个新添加上去的文本或图片 要半透明地浮在原来的“hello”上面，不能改变原本的网页布局。

请问这个有办法通过javascript实现吗？
如果有办法，请详细指出如何做到？
可以具体一些吗？我追加到200分了，如果能解答真是感激不尽：）
我需要
1.获取任何一个子字符串的绝对位置，比如<p>hello，world</p>我要获得其中那个逗号在页面里的位置。
2.我要放一个浮动层到那个位置上去。

可以写一些示例代码吗？
我的邮箱是kane.chen.ck@gmail.com

Answer 1

你说的是"点晴"的功能吧.

原理很简单,实现起来有点复杂,特别是要同时适应IE,Firefox.正好我现在在做类似的功能,呵呵.

//可以用层实现网页上的绝对定位. 把内容放在层里.
当然,浏览器想要实现对层的绝对定位,并不像应用程序哪么简单,需要用js+css配合.
我建议你去下个firefox + firebug 来调试. 比微软的哪个调试工具方便百倍,强大千倍.
首先是css. 如果你想实现任意的层在浏览器内用绝对的定位,哪先要把页面的根
也就是body 的css样式置relative 然后层的css样式置absolute .这样凡是浮动的内容,然后每嵌套一层,就要根据实际情况指定它的position问题,就可以根据页面的body的坐标来浮动了.
当然,获取某一层内的坐标转换为绝对坐标,需要写个js函数,递归的返回它的上一层的坐标相加,直到body.

至于获取层的内容,应该用 js的正则用来搜索网页动态替换,用js动态的创建层然后显示. 如果不行,哪就要在生成这个页面的时候,动态生成这个信息了. 这个我没有研究过.不过我知道肯定可以实现的.

//你给个邮箱我,我发你一点代码.

Answer 2

原理很简单,实现起来有点复杂,特别是要同时适应IE,Firefox.正好我现在在做类似的功能,呵呵.

//可以用层实现网页上的绝对定位. 把内容放在层里.
当然,浏览器想要实现对层的绝对定位,并不像应用程序哪么简单,需要用js+css配合.
我建议你去下个firefox + firebug 来调试. 比微软的哪个调试工具方便百倍,强大千倍.
首先是css. 如果你想实现任意的层在浏览器内用绝对的定位,哪先要把页面的根
也就是body 的css样式置relative 然后层的css样式置absolute .这样凡是浮动的内容,然后每嵌套一层,就要根据实际情况指定它的position问题,就可以根据页面的body的坐标来浮动了.
当然,获取某一层内的坐标转换为绝对坐标,需要写个js函数,递归的返回它的上一层的坐标相加,直到body.

至于获取层的内容,应该用 js的正则用来搜索网页动态替换,用js动态的创建层然后显示. 如果不行,哪就要在生成这个页面的时候,动态生成这个信息了. 这个我没有研究过.不过我知道肯定可以实现的.

Answer 3

可以，你可以系统的学习一下ajex技术，效果很美

Answer 4

哦，这个呀，当然能做到了。