jquery 一张超出屏幕的图片，有滚动条，如何在隐藏部分上面加上文本框，并随滚动条滚动出现

获得屏幕的大小，获得图片相对于屏幕的x和y值，获得图片的大小，然后屏幕大小减去X值（如果是上下滚动就减去Y值），图片大小减去这个刚才得到的值，就得到了隐藏的图片部分的大小，然后append一个文本框，高度宽度设为隐藏图片部分的大小，然后对其相对于图片绝对定位，图片的属性设为relative,文本框为absolute,这样就可以了

1、使用正则替换

//声明正则

var reg="<(img|a|p|b|div|br)\\s*([\\w]*=(\"|\')([^\"\'<]*)(\"|\')\\s*)*(/>|>)"

//读取文本

$.get('Scripts/data.txt').success(function(content){ 

// content就为文件data.txt的文本内容了,注意txt文件的编码需要与html文件的编码一///致，最好保存成utf-8 

    

    //替换 *** 作

    var result=content.replace(reg,'你要替换的文字')

})

2、文本内容作为string字符串，然后使用indexof()查找ing标签下标，img标签长度，一个个的替换（很麻烦，不推荐）

图片的html信息是给定的还是从内容中截取的？给定的话简单点，截取的话估计还要增则表达式过滤，很麻烦的。

楼上的方法很不错。

1.js取到html信息图片节点--IMG

2.然后 remove 整个IMG节点

3.添加新的节点 比如p

4..html内容

---