以随机顺序显示<iframe>

时间:2017-07-05 10:07:30

标签: javascript jquery html

在我的一个网站中,我正在向我的网站显示3个不同的&lt; iframe&gt; 。现在根据我的客户要求,他希望随机地在网站中显示任何1 &lt; iframe&gt;

&#xA;&#xA;

我们有办法做到这一点。

&#xA;

1 个答案:

答案 0 :(得分:0)

您可以通过以下方式实现: -

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
function randomdiv()
{
var elems = $("div");
if (elems.length) {
  var keep = Math.floor(Math.random() * elems.length);
  for (var i = 0; i < elems.length; ++i) {
    if (i !== keep) {
      $(elems[i]).hide();
    }
  }
}
}
</script>

在Body标签上添加以下代码

<div id="content1"><iframe src=""></iframe>  </div>
 <div id="content2"><iframe src=""></iframe> </div>
 <div id="content3"><iframe src=""></iframe> </div>