左侧倒换菜单 frameset 已过时

<!doctype html>
<html>
<frameset cols="200,*">
<frame src="left.html">
<frame src="right.html" name="viewFram">
</frameset>
</html>

left.html专门写个菜单文件
菜单每一个点击事件加载到viewFram里。

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>无标题文档</title>
</head>

<body>
<div>Bootstrap teacher</div>
<div>

    <li><a href="chap1.html" title="ww" target="_top">aaaaaaa</a></li>
    <li><a href="chap2.html" title="ww" target="_top">bbbbbbb</a></li>
    <li><a href="chap3.html" title="ww" target="_top">ccccccccccc</a></li>
    <li><a href="chap4.html" title="ww" target="_top">dddddddddddd</a></li>

    <h2>Bootstrap</h2>
    <li><a href="chap1.html" title="ww" target="viewFram">aaaaaaa</a></li>
    <li><a href="chap2.html" title="ww" target="viewFram">bbbbbbb</a></li>
    <li><a href="chap3.html" title="ww" target="viewFram">ccccccccccc</a></li>
    <li><a href="chap4.html" title="ww" target="viewFram">dddddddddddd</a></li>
    <h2>Bootstrap</h2>
    <li><a href="chap1.html" title="ww" target="viewFram">aaaaaaa</a></li>
    <li><a href="chap2.html" title="ww" target="viewFram">bbbbbbb</a></li>
    <li><a href="chap3.html" title="ww" target="viewFram">ccccccccccc</a></li>
    <li><a href="chap4.html" title="ww" target="viewFram">dddddddddddd</a></li>
    <h2>Bootstrap</h2>
    <li><a href="chap1.html" title="ww" target="viewFram">aaaaaaa</a></li>
    <li><a href="chap2.html" title="ww" target="viewFram">bbbbbbb</a></li>
    <li><a href="chap3.html" title="ww" target="viewFram">ccccccccccc</a></li>
    <li><a href="chap4.html" title="ww" target="viewFram">dddddddddddd</a></li>
    <h2>Bootstrap</h2>
    <li><a href="chap1.html" title="ww" target="viewFram">aaaaaaa</a></li>
    <li><a href="chap2.html" title="ww" target="viewFram">bbbbbbb</a></li>
    <li><a href="chap3.html" title="ww" target="viewFram">ccccccccccc</a></li>
    <li><a href="chap4.html" title="ww" target="viewFram">dddddddddddd</a></li>
</div>
</body>
</html>

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body bgcolor="aqua">
<h1>TT</h1>
</body>
</html>

 

你可能感兴趣的:(左侧倒换菜单 frameset 已过时)