HTML5 左侧导航右侧内容_随笔

很简单啊，右边放一个iframe框架，name值＝自定义昵称，然后左边链接里加上target=框架name的名称，如<iframe scr="url" name=abc>，那么你左边导航的链接里<a herf='' target="abc">，这样左边的链接就会显示在右边的框架里了

想要实现的效果很简单的，给你个简单的例子，看看就明白了！

<!doctype html>

<html>

<head>

<style>

*{margin:0padding:0list-style:none} /*清除代码样式的，不用考虑和复制*/

body{background:url(body_bg.jpg) no-repeat}

.nav_left_bar{float:leftwidth:200pxbackground:#ccc}

.nav_left_bar li{line-height:30px}

</style>

</head>

<body>

<ul>

<li><a href="#">Previous</a></li>

</ul>

</nav>

</body>

</html>

侧边栏导航标签：

<aside>

<nav>

<ul>

</ul>

</nav>

</aside>

样式自己加。

欢迎分享，转载请注明来源：内存溢出

HTML5 左侧导航右侧内容