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

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

7 个解决方案

#1

http://www.w3school.com.cn/jquery/ajax_ajax.asp

#2

这个 差别有点大啊！我是新手，能解说一下吗？感激不尽！

#3

引用 2 楼 jfb53440 的回复:

这个 差别有点大啊！我是新手，能解说一下吗？感激不尽！

就界面不一样，脚本可以参考

#4

引用 楼主 jfb53440 的回复:

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

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

#5

引用 4 楼 haiyun2600 的回复:

Quote: 引用 楼主 jfb53440 的回复:

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

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

问题已经解决，和你说的方法类似，谢谢啦！

#6

你好，我遇到了同样的问题，可以教我一下怎么实现的吗？有代码最好

#7

这个很简单实现的，在同一个界面里把两个要显示的表都放上去，各自设置属性，可以使用CSS的hover点击更改样式也可以使用js中获取对应ID更改style的display属性display:none隐藏，display：block显示，不推荐使用ifream标签，因为存在诸多问题，在HTML4之后就已经废弃了的。