图片的点击导航切换展示

       今天我写的是图片的点击切换，一般网站首页都会有一些图片的展示，经过点击后切换到另外一张图片，下面我们经过模拟的方式 用我所学的JS和jq共同把这种效果描绘出来；内容有点粗糙，代码有点繁琐，作为新手，请酌情看待：

     首先我先把整体的静态效果做出来，body内的内容代码如下：

其次用css样式表把内容装饰一下，代码如下：

效果图如下：

做完之后，那么我们现在在javascript内获取标签，且之前我们要引入 jquery-1.11.0.js ，如下

首先，第一步我们要用for循环遍历每一个点，然后点击后图片上显示相对应的数字，，而且达到一种淡入淡出的效果，代码如下：

效果图如下：

其次，我们对左右两边的按钮添加点击效果，让其右方向点击后图片进入下一张，而且下面切换点也会变成相对应的点，代码如下：

效果图如下：

当然效果图很难看出来，这是通过点击左右方向形成的效果，而且暂时测试没有BUG，如果想看到真正的图片，可以把里面的1,2,3,4，分别改为图片或者相对应的内容即可。

            本次，就说到这里，谢谢。