js代码
------------------------------------------------------------------------------------------
说明:当执行showContent时,在id为right_content的ifame框架中显示该url所指向的html或者jsp文件
<script type="text/javascript">
function showConent(url) {
var p = document.getElementById("right_content");
p.src=url;
}
</script>
-------------------------------------------------------------------------------------------
html代码
说明:其中的sf.html是自己的一个已经存在的html文件
当点击
修改信息时,则在id为rigth_content的ifame的框架中显示sf.html
<div id="left_part">
<span>用户管理</span>
<a href="javascript:void(0);" onmousedown="showConent('sf.html')">修改信息</a>
</div>
<div id="right_part">
<iframe src="" id="right_content" scrolling="no"></iframe>
</div>
分享到:
相关推荐
记录原生html+js实现左侧导航栏右侧内容页的实现
JavaScript实现的网站左侧导航条 通过配置可以设置 收缩和伸展的速度 颜色 和图片等。
仿制天猫左边导航菜单栏Javascript特效
最为常用的css导航栏,和最为经典的javascript导航栏,精品
自已写的左边导航的例子,源代码很少,支持火狐和IE和Chrome,开发给大家共享,如果有问题或分享,
javascript 写好的导航栏可直接使用
本文实例为大家分享了Javascript实现简易导航栏的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> , initial-scale=1.0"> ...
最新javascript实现手风琴导航效果源码下载
javascript制作的动态导航栏,javascript制作的动态导航栏
javascript导航栏脚本,苹果风格
新一辑JavaScript 导航条,24个,样式丰富,下拉菜单导航条,二级联动导航条,flash效果导航条。
JavaScript实现HTML导航栏下拉菜单[悬浮显示] 前端界面进行设计时,我们会遇到鼠标悬浮在某选项上,然后就会凭空显示出菜单出来,这种设计的确受到了很多人的青睐。其实纯css也是可以实现的,但是会有一些限制,必须...
主要为大家详细介绍了JavaScript实现滑动导航栏效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
简单的网页导航栏htmljavascript
JS仿美橘互联网导航栏,JS特效,JavaScript炫彩特效
超强的js导航条 纯学习目的.............
使用CSS和JAVASCRIPT做的精美导航条。代码简单很容易看懂的。
用JavaScript做了个类似QQ式的动态菜单,希望对大家有用!欢迎下载,源代码可以直接执行!
本文实例为大家分享了JS实现百度新闻导航栏效果的具体代码,供大家参考,具体内容如下 最近在学Web前端,用js简单实现了百度新闻导航栏的效果。当鼠标移动到某一选项上方时,会有一个红色背景块滑动到当前选项上...
自己写的,简单的javascript导航条