左边导航栏中链接点击后，怎样让内容出现右边的层中？

hxiang1118 2014-12-12 09:46:28

小弟是菜鸟，求教！问题如图

...全文

2452 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

sinat_30615985 2015-08-15

打赏
举报

楼主这个问题解决了吗？楼上的方法是有用，但是在右侧出现的是一个窗口，而不是像文字一样嵌在右侧的啊？

Jadenzy 2015-05-29

打赏
举报

引用 3 楼 slwsss 的回复:

href="javascript:void(0)" 为了让鼠标放上去手型 data="1" 自定义数据
引用 2 楼 hxiang1118 的回复:

如果不使用iframe，而只是纯DIV的实现，如何实现？有这框架吗？

slwsss 2014-12-12

打赏
举报

href="javascript:void(0)" 为了让鼠标放上去手型 data="1" 自定义数据

引用 2 楼 hxiang1118 的回复:

hxiang1118 2014-12-12

打赏
举报

引用 1 楼 slwsss 的回复:

iframe

<a target="fname" href="http://www.w3school.com.cn/tiy/t.asp?f=html_frame_cols">ssss</a><br>
<a target="fname" href="http://www.w3school.com.cn/tiy/t.asp?f=html_frame_cols">ssss</a><br>
<a target="fname" href="http://www.w3school.com.cn/tiy/t.asp?f=html_frame_cols">ssss</a><br>
<a target="fname" href="http://www.w3school.com.cn/tiy/t.asp?f=html_frame_cols">ssss</a><br>
  <iframe name="fname" style="float:right;"></iframe>

好的，谢谢指教。另外想问下，我看见有些代码是这样的<a href="javascript:void(0)" data="1">sss</a>这是什么意思

slwsss 2014-12-12

打赏
举报

iframe

<a target="fname" href="http://www.w3school.com.cn/tiy/t.asp?f=html_frame_cols">ssss</a><br>
<a target="fname" href="http://www.w3school.com.cn/tiy/t.asp?f=html_frame_cols">ssss</a><br>
<a target="fname" href="http://www.w3school.com.cn/tiy/t.asp?f=html_frame_cols">ssss</a><br>
<a target="fname" href="http://www.w3school.com.cn/tiy/t.asp?f=html_frame_cols">ssss</a><br>
  <iframe name="fname" style="float:right;"></iframe>

Vue 3 更新了许多组件中的语法，包括生命周期、filter、setup、teleport 等，为了学习这些特性，需要先了解一下 Vue 组件的基本玩法。目前关于Vue3.x的资料较少，为了帮助大家掌握Vue3.x技术，老师通过小案例的方式带领大家熟悉Vue.3x实现头部导航栏应用。

一. 用iframe方法实现点击左边，右边出现相应的页面。我做一个后台，而且他指出别人没有用iframe, 问我行不行。只能说行。没有在网上查看过多的资料，某天晚上突然想起ajax 里面有一个load方法，这个方法可以载入其他页面的内容。于是有了灵感，开始也只是尝试一下：统计报表进货报表出货报表毛利报表

在layui的后台管理页面上，通过jquery实现点击导航栏，呈现浏览器新打开页面的效果，并支持右键删除所有。详情请往下看。

上节课我们将导航条做成了下面的效果但是此时的导航条还没有链接，还不能点击，这节课我们就要做一个完整的导航条【第四步】我们需要将上面的导航条做以下几个修改1)给上面的导航加上链接；2)链接文字大小修改为12px;3)并且规定链接样式，鼠标移上去和拿开的效果修改方法如下1)导航加链接，HTML代码如下：复制代码代码如下:CSS学习学前准备入门教程下载提高教程布局基础教程精彩应用2) 文字大小12像素，...

这里写目录标题导航1. 简单的导航（.nav .nav-item .nav-link）2. 导航对齐方式（.justify-content-center 局中 / .justify-content-end 局右）3. 垂直导航（.flex-column）4. 选项卡（.nav-tabs）5. 胶囊导航（.nav-pills）6. 导航等宽（.nav-justified）导航栏面包屑导航导航 1. 简单的导航（.nav .nav-item .nav-link）如果你想创建一个简单的水平导航栏，可以在