点击按钮,打开一个页面(左右框架),默认右框架隐藏看不见,左框架是普通数据表中取出的数据列表。当点击列表中的某一条记录时,有框架立即显示,并在右框架中显示该条记录的详细内容。
请高手们看看应该如何实现呢???

解决方案 »

  1.   

    没看出什么难度,显示隐藏控制style里面的display或者visibility都可以实现
    传值若跨页面用地址栏参数
      

  2.   

    左边一开始是全屏?css样式左边float:left;右边float:right;右边不设宽,display:none;点击完左边onclick事件,左边的宽document.documentElement.clientWidth/2+'px';右边的宽也一样,这样就是屏幕可见区的一半了
      

  3.   

    <!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>
      

  4.   

    还是不对。在描述详细一些。
    文件a.html 为左右框架的frame。 左边框架 是一个列表文件,右边框架默认是隐藏的。打开a.html的时候,页面上并看不出来有框架,整个页面就是一个列表,当点击列表的数据时,同时左框架收缩,右框架马上显示出该条数据的详细资料。