如何在我的网站上显示其他网站的内容

时间:2014-04-16 07:47:49

标签: javascript php jquery html iframe

我正在寻找一个执行简单任务的代码。以下是任务

让我们说我的网站是http://www.url.com

我想当我的用户访问此网站时,他们会在页面顶部看到一个框,其中显示了我的网站名称以及我的联系方式以及倒数计时器。

在这一行之下,我想显示几个不同网址的完全相同的网站,我想设置一个计时器,以便这些少数网站旋转,顶部的计时器显示到下一次刷新和下一个网站的时间长度。我只想刷新网页的这一部分,我希望顶线仍然是。

http://i58.tinypic.com/s6t84h.jpg

你可以在上面的图片中看到我想要的东西。

我被告知可以使用iframe完成,但我不知道该怎么做而且我也不想要滚动

如果你能帮助我,我感激不尽

我找到了这个解决方案,它似乎正在起作用。我只需要倒数计时器,而且我想裁掉让我们说200px的每个网站的顶部,并喜欢将其移动,因为一个页面没有显示我想要的所有内容,除非使用滚动我不喜欢#39; t想要那个。

    <!DOCTYPE html>
    <html>
    <body>

    <div align="center" style="border:4px solid red ">
    <div style="color:#0000FF">
    <h3>some content<color:#0000FF/h3>
<h3>some more content<color:#0000FF/h3>
</div> 
</div>

<iframe id="rotator" src="http://www.zcast.ir" width="100%" height="600" scrolling="no" border="0" ></iframe>

<script>
// start when the page is loaded
window.onload = function() {

var urls = [
"http://www.zcast.ir",
"http://www.tgju.org",
"http://www.on3.ir", 
"http://www.goldinfo.ir",
"http://www.zarban.ir",
];

  var index = 1;
  var el = document.getElementById("rotator");

  setTimeout(function rotate() {

    if ( index === urls.length ) {
  index = 0;
}

el.src = urls[index];
index  = index + 1;

// continue rotating iframes
setTimeout(rotate, 5000);

}, 5000); // 5000ms = 5s
 };
</script>

</body>
</html> 

2 个答案:

答案 0 :(得分:1)

是的,你绝对可以使用iframe

来做到这一点

1)将iFrame scrolling属性设置为no

<iframe src="/default.asp" width="200" height="200" scrolling="no">
</iframe>

了解详情:iFrame attr (w3Schools)

2)setTimeout为计时器: - see more
3)从父窗口重新加载iframe - see more

您可以使用样式position:fixed;top:0;将div放在页面顶部:

<div style="position:fixed;top:0;"> some content here </div>

就这样吧! :)

答案 1 :(得分:1)

您可以使用iframe,但请确保目标网站可能禁止iframe嵌入。您可以使用以下代码;

var websites = new Array(
    "http://www.hurriyet.com",
    "http://www.milliyet.com",
    "http://www.amazon.com"
);
var counter = 0;
var sTimeOut = setInterval(function () {
    var index = counter%(websites.length);

    $("#website_div").html($('<iframe src="' + websites[index] + '" width="500" height="500" border="0" scrolling="no"/>' ));
    counter++;  
}, 5000);

将您的网站放入列表中,它将会轮换。

以下是一个有效的演示: Demo