Question

点击左侧，右侧切换，用js怎么做（急）

Answer 1

这个，给你俩种解决方案

一种，是用一个json吧数据描述出来，然后再吧他们展示出来就可以

var data = [//定义一个数据格式，吧上面的数据描述出来
  {
    name : "企业风采",
    list : [{path : '1.jpg' , name : '奖章'}]//这里你自己把数据写在这里
                                             //我就随便写几个
  },
  {
    name : "产品介绍",
    list : [{path : '1.jpg' , name : '杯子？'}]//这里你自己把数据写在这里
                                               //我就随便写几个
  }
  //more...
];

然后html结构(这里我就随便写点，你可以自己调整)

<dl>
   <dt> <!-- 这里用来放类型 --> </dt>
   <dd> <!-- 这里用来放内容 --> </dd>
</dl>

接下来开始实现逻辑

var dt = $('dt'),
    dd = $('dd');
    //遍历数据，吧类型输出到dt里面
    $.each(data , function(i , item){
      var link = $('<a></a>');//动态创建标签
      link.text(item.name);
      link.data('data' , item.list);//把数据绑定到标签上
      link.appendTo(dt);//然后吧标签添加到dt里面
    });
    
    //绑定事件，触发条件是点击a标签
    dt.on('click' , 'a' , function(){
      var me = $(this),
          data = me.data('data');//取到绑定的数据
      render(data);//修改dd的内容
      me.addClass('active').siblings().removeClass('active');
      //给自己添加class，并且移除其它元素的class
    });
    
    function render(list){
      $.each(list , function(i , item){
        var link = $('<a></a>').appendTo(dd),//动态创建标签
            img = $('<img/>').appendTo(link);//动态创建图标
            img.attr('src' , item.path);//加载图片
      });
    }

以上呢，就是用html + js实现的页面里内容刷新的方法

追问

你这个我不会用 有没有简单点的啊！

Answer 2

与jQuery非常简单和绝对定位可以做如果用js，那么代码更多的积分

追问

那用jQuery怎么做？

Answer 3

iframe
就可以满足你了