我们需要制作一款只显示一个图片位置，然后在原来位置不断切换我们预定设置好的图片。也就是说是轮换！并带有超链接！
首先我们考虑制作思路，一般制作这种效果有两个办法。
一、先预先放一个图片和超链接到HTML文档里，然后用jquery或者js进行更换其参数或者属性，来达到我们更换图片和超链接的目的，所有超链接和图片路径都放到jquery代码里去；
二、就是预先把所有图片和超链接做好做到HTML文档里，然后用jquery直接做简单的隐藏和显示，目的就是把HTML存储和jquery动作代码分离。
两个做法都可以实现最终的效果，但是我们制作选择第二种。主要是因为出于SEO的优化考虑，搜索引擎检测不到JS，这个很多人都清楚。而jquery刚好就是以js为基础的库，所以使用jquery语法去做记忆内容的动作，是很不理智的，也不符合现代网站设计的思路，现在网站制作的思路就是要把工作细分。HTML管的就是基础结构和内容显示存储；而CSS就是外貌显示也就是样式；而JS或者jquery就是需要做到网站表层动态；ASP或者PHP那就是做数据交互，或者叫深层动态。分工越来越细致，这个我们是不容置疑的。处于多方面考虑，我们决定编写以思路二为基础的制作方法编写。
////////////////////////////////////////////////////////////////////////////////////////
HTML基础结构写法：

说明：结构主体就是超链接的ID参数和name参数。我们用name作为分组存放的组别，然后id就是组别里面的成员。也就是说一个组别可以有N个成员所以可以做N次更换动作。
HTML整体，我用5个图片和链接做啦~

以上是标准HTML写法，并加了相关属性做SEO，超链接的title和图片里的title、alt属性都是用来填写相关解说文字的~是为了增加说明并解说超链接和图片的说明。
///////////////////////////////////////////////////////////////////////////////////////
HTML顶端
添加调用语句

我们把第一个我们做的dome放到jquery-dome-01.js里，保证书写习惯！