首页 > 其他 > 详细

左边导航点击右边显示不同的页面内容

时间:2018-12-24 11:45:56      阅读:406      评论:0      收藏:0      [点我收藏+]

首先建两个html文件(比如:new_file.html和vuesocket.html),里面也可以写各自的样式和脚本代码

然后在导航页开始引入:

      <ul>
          <li id=‘roll‘>显示滚动页面</li>
          <li id=‘ceshi‘>显示测试</li>
      </ul>
      <div id="sse"></div>
<script src=‘jquery-2.2.3.min.js‘></script>
    <script type="text/javascript">
        $(‘#roll‘).click(function(){
            html(‘new_file.html‘,$(‘#sse‘))
        })
        $(‘#ceshi‘).click(function(){
            html(‘vuesocket.html‘,$(‘#sse‘))
        })
        function html(url,dom){
            $.ajax({
                url:url,
                success:function(html){
                    dom.html(html)
                }
            })
        }
    </script>

 

左边导航点击右边显示不同的页面内容

原文:https://www.cnblogs.com/chenchenhao/p/10167705.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!