Question

＆＃13;

function changeIframeSrc(index){

   var iframeid = document.getElementByID('changingIframe');
   iframeid.setAttribute('src', sourceList[index]);

 }

var i = 0;
var sourceList = ['111.php', '222.php', '333.php'];

setInterval(function(){ changeIframeSrc(i++); 
// loop properly
if(i == sourceList.length){ i = 0; }
}, 10000);

＆＃13;

<iframe id="changingIframe" src="" scrolling="no" width="100%" height="87%"></iframe>

＆＃13;

<html>
<body>
    <div class="wrapper">

        <iframe id="111" src="111.php" scrolling="no" width="100%"></iframe>
        <iframe id="222" src="222.php" scrolling="no" width="100%"></iframe>
        <iframe id="333" src="333.php" scrolling="no" width="100%"></iframe>        

        <iframe id="bottom_banner" src="bottom_banner.php" scrolling="no" width="100%"></iframe>
    </div>
</body>

我希望我的页面每10秒钟在一个循环的页面111,222,333之间切换。我可以在每个页面上使用等，但我的横幅在每个循环上保持重复。（因此堆积起来）

我想始终把旗帜放在最底层。我希望我的页面占据80％的高度，横幅占据剩余的20％。

Answer 1

您可以使用Javascript / jQuery更改不断更改源的iframe的来源

所以

var i = 0;
var sourceList = ['111.php', '222.php', '333.php', etc];

setInterval(function(){ changeIframeSrc(i++); 
// loop properly
if(i == sourceList.length){ i = 0; }
}, 10000);

然后

{{1}}

使用Iframe循环浏览页面？

1 个答案: