图片轮播(博客园搬家至此,尚未整理)(三)

个人认为在web设计中，一个图片轮播比文字描述更直接，更简洁，最重要的是吸引眼球，特别是关于公司的产品，与其长篇大论还不如弄几张图片加个链接，如果客户想了解，点击图片内容自然就有了，好了，都是现学现卖，有不对的地方望大神更正指教，谢谢！！！

1、先来看一下效果图：（这种效果图怎么传，还有看到其他的博客张贴的代码，那是怎么搞得，实在不会，只能截图了，呵呵）

2、我做图片轮播是用在了关于公司项目上，在登录主页上加的产品展示一项：
（1）HTML部分：

（2）css部分：

（3）JS部分：主要是设置图片轮播间隔时间、左箭头、右箭头事件、右下角数字索引、清除定时器等；
设置间隔时间：

左箭头：

右箭头：

右下角数字索引：

清除定时器：

JS库：script src=“jquery.js” language=“JavaScript”> /script>

<script src="jquery.js" language="JavaScript"> </script>

重大发现：我现在看到这个changeTo函数，终于明白了，当时调图片的时候为啥不对，总以为css中imgList的width属性值必须是400的整数倍，就像现在图片上标识的一样，原来这个图片宽度400px是这里决定的，width与图片数量的乘积就是imgList的width值！！！当时搞不懂的问题，今天在总结中突然明白了，太棒了！！！