如图请问这样的效果,怎样实现呢?

解决方案 »

  1.   

    一般可以用iframe来解决,左侧是链接<a href=''>,一个链接对应右侧一个选项卡,右侧一个选项卡对应一个iframe。左侧的链接绑定click事件用来开启并显示右侧对应的iframe,同时隐藏其他iframe。
      

  2.   

    我觉得要是只有一个页签的话可以再左侧直接添加onclick事件,直接对一个iframe的src进行操作。要是想2楼说的每个左侧标签对应一个iframe你在初始化页面的时候可能会导致载入速度过慢。
      

  3.   

    现在我能做到,点击左侧的菜单,右侧调出单独的IFRAME.可是右侧怎么能同时出多个页签,而且要切换。有点迷茫了。请大家帮帮忙~
      

  4.   

    这里下载 www.osphp.com.cn/attachment.php?fid=279 希望对您有所帮助
      

  5.   

    说一下思路吧:
    左侧的a的click事件函数需要执行的主要动作有:
    先(可以用src的值)判断对应的iframe是不是已经有了,有的话把对应的选项卡和iframe显示出来即可,没有的话添加选项卡及iframe,给选项卡及其内部的关闭按钮绑定click事件函数(分别是切换和关闭的功能)然后给iframe的src赋值。都是比较容易的dom操作,不过会稍微麻烦些。