Question

我要做1个网页，要实现3个DIV之间的联动关系？

如图3个DIV ,DIV1中产品列表，中间DIV2 对象产品图片，DIV3是对象产品参数！要在一个页面中实现N个产品的显示！求高手指点，或者有相应的代码求发下！本人先谢谢了！邮箱：11404105@qq.com

Answer 1

1. 最简单的方法，思路如下：

    纵观整个框架，DIV1 的内容是保持不变的，DIV2 和 DIV3 的内容则根据 DIV1 中的链接点击而变化，且 DIV2 和 DIV3 中的内容是一一对应的（同一个商品的图片和参数肯定对应吧？），所以可以将 DIV2 和 DIV3 单独做成页面（有多少个商品就做多少个页面），再于主页面放上 DIV1，并插入一个iframe（浮动框架），设置 DIV1 中商品列表的链接在iframe中打开。原理图如下：

2. 高级方法，思路如下：

    在HTML中按照你的图示搭好结构，将所有商品的信息录入到一个XML文档或JSON文档中，然后使用Ajax技术获取商品信息文档，用javascript判断点击对象，然后加载相应内容。优点是文件数非常少，维护方便。

Answer 2

就很难让他放个技能任霆发够就图