• 章节:10
  • 访问:9091
  • 时长:00:15:26
  • 日期:2018-06-15 09:21

我们实现iframe 和左侧菜单的功能

1 在home/index的视图里面 修改<div class=“content-wrapper”>里面的内容 全部替换为



        <aside class="control-sidebar control-sidebar-dark">

            <!-- Control sidebar content goes here -->

        </aside>


2 添加一个js事件绑定函数

这个函数是用来调整iframe的高度

 <script type="text/javascript">

        function changeFrameHeight() {

            var ifm = document.getElementById("mainiframe");

            ifm.height = document.documentElement.clientHeight - 80;

        }


        window.onresize = function () {

            changeFrameHeight();

        }

    </script>

3 左侧菜单 添加target=“”

<a href="/menu/index" target="mainiframe" class="nav-link">

我们的a标签的target不仅可以设置在浏览器的打开方式 还可以设置在iframe中打开

更改皮肤的 需要大家使用jquery.cookie来记录用户的选择 否则下次就有没了。