Question

在网页设计中，这个如何实现

就像12306网站中，点一个1就显示一张图，点2就在同一区域显示另外一张图，请问这个怎么实现。我是新手，求大神指教，谢谢了

Answer 1

1. 打开浏览器，输入map.baidu.com，在右上角找到地图API链接，点击；

2.进入页面后，拖动鼠标到达页面最下方，找到地图生成器，点击；

3.跳转到生成代码页面，首先选择你的城市，在图中所示位置切换；

4.找到你的位置（或是公司的位置），以北京为例，单击；

5.设置地图，宽度和高度可以自定义，这里使用默认的，下面的一些个选项根据自己的需要去选就行，

6.添加标注（就是地图上的小标志），图标可以选择，输入名称和备注，点击保存；

7.将标注移动到地图上对应的位置，然后单击标注，即可显示你保存的标注信息，

8.点击复制代码，原则上应该将代码处理后然后插入到网页适当的位置，（有点HTML基础的朋友都知道应该怎么做）随便新建了一个HTML文件，然后将代码放了进去。

PS：顶部的网页字符格式要和自己的原网页保持一致，如果是在原网页中嵌入代码，这个需要自己处理。

Answer 2

请搜索 轮播图
---
其中1234代表的图都在页面上，只是234图隐藏了，点2则134图隐藏，显示2图，同时右下数字2背景变红，很简单的JavaScript应用，也可以使用封装好的jQuery插件