框架显示和传值的问题,有难度,进来看看! 点击按钮,打开一个页面(左右框架),默认右框架隐藏看不见,左框架是普通数据表中取出的数据列表。当点击列表中的某一条记录时,有框架立即显示,并在右框架中显示该条记录的详细内容。请高手们看看应该如何实现呢??? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 没看出什么难度,显示隐藏控制style里面的display或者visibility都可以实现传值若跨页面用地址栏参数 左边一开始是全屏?css样式左边float:left;右边float:right;右边不设宽,display:none;点击完左边onclick事件,左边的宽document.documentElement.clientWidth/2+'px';右边的宽也一样,这样就是屏幕可见区的一半了 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script> $(function () { //初始化操作 $("#divRight").find("div").hide(); $("#divRight").find("div:eq(0)").show(); //点击操作 $("#divLeft div").live("click", function () { //得到当前所点击的div 索引得出是第几个div var index = $(this).index(); //然后动态根据索引做为参数 显示右边的div 内容 $("#divRight div").each(function () { if ($(this).index() == index) $(this).show(); else $(this).hide(); }); }); }); </script></head><body> <div style="width: 100%"> <div style="float: left; width: 20%;" id="divLeft"> <div> 我是菜单1</div> <div> 我是菜单2</div> <div> 我是菜单3</div> <div> 我是菜单4</div> <div> 我是菜单5</div> </div> <div style="float: left; width: 79%;" id="divRight"> <div> 我是菜单内容1</div> <div> 我是菜单内容2</div> <div> 我是菜单内容3</div> <div> 我是菜单内容4</div> <div> 我是菜单内容5</div> </div> </div></body></html> 还是不对。在描述详细一些。文件a.html 为左右框架的frame。 左边框架 是一个列表文件,右边框架默认是隐藏的。打开a.html的时候,页面上并看不出来有框架,整个页面就是一个列表,当点击列表的数据时,同时左框架收缩,右框架马上显示出该条数据的详细资料。 jquery 事件没有执行完 再次进入 出现问题 设为首页,chrome浏览器无法执行,该怎么办 一个js错误,大家帮忙看下 js数组的2种写法性能比较,哪种更优. document.activeElement.parentElement.id 正则表达式删除字符串中重复的部分 请教:如何判断textBox里输入的id号是8位,并且前4位字母后4位数字 一个简单的问题!我一下子想不起了!急!在线等! 关于从下拉列表中选择然后自动submit,怎么实现? 不选择<option> node.js socket传输问题! Rainmeter天气预报插件字体颜色怎么修改
传值若跨页面用地址栏参数
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script>
$(function () {
//初始化操作
$("#divRight").find("div").hide();
$("#divRight").find("div:eq(0)").show(); //点击操作
$("#divLeft div").live("click", function () {
//得到当前所点击的div 索引得出是第几个div
var index = $(this).index();
//然后动态根据索引做为参数 显示右边的div 内容
$("#divRight div").each(function () {
if ($(this).index() == index)
$(this).show();
else
$(this).hide();
});
});
}); </script>
</head>
<body>
<div style="width: 100%">
<div style="float: left; width: 20%;" id="divLeft">
<div>
我是菜单1</div>
<div>
我是菜单2</div>
<div>
我是菜单3</div>
<div>
我是菜单4</div>
<div>
我是菜单5</div>
</div>
<div style="float: left; width: 79%;" id="divRight">
<div>
我是菜单内容1</div>
<div>
我是菜单内容2</div>
<div>
我是菜单内容3</div>
<div>
我是菜单内容4</div>
<div>
我是菜单内容5</div>
</div>
</div>
</body>
</html>
文件a.html 为左右框架的frame。 左边框架 是一个列表文件,右边框架默认是隐藏的。打开a.html的时候,页面上并看不出来有框架,整个页面就是一个列表,当点击列表的数据时,同时左框架收缩,右框架马上显示出该条数据的详细资料。