为了账号安全,请及时绑定邮箱和手机立即绑定

js,html一个页面里面多个页面轮播

/ 猿问

js,html一个页面里面多个页面轮播

qq_安安_17 2017-09-09 21:15:18


这种轮播都是div或者图片的,div能换成iframe显示嵌套网页吗?或者请问有没有其他方法能实现多个页面轮播?

我写了三个iframe

<div class="showbox"><!--showbox开始-->
    <div class="show"><!--show开始-->
        <!--1-->
        <div class="slide">
            <iframe src="GridGallery/GridGallery/index.html"
                    frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" >
            </iframe>
        </div>

        <!--2-->
        <div class="slide">
            <iframe src="Display_box/display.html"
                    frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" >
            </iframe>
        </div>

        <!--3-->
        <div class="slide">
            <iframe src="Library/Library_show.html"
                    frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" >
            </iframe>
        </div>
    </div><!--show结束-->

</div><!--showbox结束-->

调用了这个

http://img1.sycdn.imooc.com/59b409f20001372c08160027.jpg

http://img1.sycdn.imooc.com/59b409f3000152e107850182.jpg

css设置了

iframe{

    width: 100%;
    height: 569px;
    margin-bottom: 30px;
    margin-top: 197px;
    overflow:hidden;
     text-align: center;
    font-size: 18px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}

为什么还是没有实现??是哪里错了,调用路径检查过了是对的


查看完整描述

2 回答

?
撩梦

不知道就百度一下,你就知道。如果还不知道你就Google一下,你就知道的太多了?

查看完整回答
反对 2017-09-09
?
橋本奈奈未

试一下不就知道了?我试了是可以的

查看完整回答
反对 2017-09-09

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信