点击左侧菜单，右侧加载不同网页

最新推荐文章于 2021-08-25 16:34:37 发布

小周周i

最新推荐文章于 2021-08-25 16:34:37 发布

阅读量3.4k

点赞数 1

本文链接：https://blog.csdn.net/zch3210/article/details/86503588

版权

本文介绍了两种实现方式，当点击左侧菜单时，右侧页面动态加载相应内容的技术实现。第一种方案来源于CSDN博客，第二种方案未提供详细内容。

摘要由CSDN通过智能技术生成

第一种：转自https://blog.csdn.net/qq_38822390/article/details/81014417

<!DOCTYPE html>
<html lang="en">

<head>
    <title>ajax局部刷新</title>
    <style>
        .userMenu {
            float: left;
            width: 200px;
        }

        #content {
            float: left;
        }
    </style>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>

</head>

<body>
<div class="userWrap">
    <ul class="userMenu">
        <li data-id="center">用户中心</li>
        <li data-id="account">账户信息</li>
        <li data-id="trade">交易记录</li>
        <li data-id="info">消息中心</li>
    </