在访问者访问的每个网页上叠加一个框架?

时间:2011-10-18 14:07:42

标签: javascript layout overlay

所以我希望能够通过点击按钮(在网页上的所有内容之上)覆盖任何网站上的内容。一个例子是Google翻译页面http://translate.google.com/translate?u=about%3Ablank&hl=en&langpair=auto|en&tbb=1&ie=UTF-8,其中顶部的框架将覆盖在网址框中输入的任何网站。

我想要做的是在每个网页上都有一个像这样覆盖的框,就像google的翻译一样,但是只需点击浮动图像就可以隐藏它,比如箭头。 这些文件将本地存储在我的硬盘上,但我不认为这是一个问题。

我不知道用什么语言编写代码,但是我假设是Javascript,但是,我不知道要调用的类来执行此操作。有什么建议吗?我不是要求伸出手,只是朝着正确的方向前进!

2 个答案:

答案 0 :(得分:0)

看起来您想开发一个浏览器扩展程序。在这里查看Chrome:

http://code.google.com/chrome/extensions/getstarted.html

对于IE,FireFox和Safari,有类似的方法。

答案 1 :(得分:0)

听起来你需要使用框架或iframe。它们与你互动的方式非常相似(比如让它们加载新页面),尽管它们的实现方式不同。

一个了解框架的好网站是w3Schools:

您可以使用JavaScript通过其名称或ID来引用框架。例如:document.framename.src ='hello.php'或document.getElementById('frameId')。src ='hello.php'。

使用框架的一个问题是搜索引擎不喜欢它们。如果您使用的是iframe,搜索引擎会搜索您的网页,但仍然不会搜索iframe。

至于调整框架/ iframe的大小/隐藏,可以使用框架和iframe执行此操作,但实现它的方法会因您使用的内容而异。