html点击不同图片如何在同一个div内显示不同的页面

html点击不同图片怎么在同一个div内显示不同的页面？


如图：怎么才能点击“推荐活动”，在下面的一个div（红长框内）显示页面，再点击“推荐场馆”显示另一个页面，并且主页面加载成功后默认的是推荐活动的页面，即图的页面1.
------解决思路----------------------
http://www.w3school.com.cn/jquery/ajax_ajax.asp
------解决思路----------------------

引用:

如图：怎么才能点击“推荐活动”，在下面的一个div（红长框内）显示页面，再点击“推荐场馆”显示另一个页面，并且主页面加载成功后默认的是推荐活动的页面，即图的页面1.

可以将DIv 换成ifream  标签   你的推荐活动  和推荐场馆是  <a>  其中有一个target 属性  将其值设为  ifream的id值   主页默认加载 的内容 需要设置ifream标签的src属性