加载并全屏轮播加载的其他网站的页面

一、  设计思路

1、使用iframe标签加载其他网站页面

2、通过js替换iframe的加载链接

3、通过js的定时器实现轮播

4、通过js实现全屏

二、代码小解

1、加载页面

        <iframe src="https://www.baidu.com" width='100%' height='100%' frameborder='0' name="_blank" id="_blank"></iframe>

实现iframe的自适应显示。

2、通过jQuery实现更换链接

$('iframe').attr("src", "https://www.taobao.com ")

3、设置定时器

setTimeout是到设定的时间后只执行一次，setInterval是每间隔到设定的时间就会执行。

首先先使用setTimeout进行第一次的页面轮流加载，再使用setInterval和setTimeout相结合实现长期的轮播。

三、  项目代码

     
     
    
      全屏展示    
      
        
           
      
     
//全屏代码