圖片輪播

　　我的認爲在web設計中，一個圖片輪播比文字描述更直接，更簡潔，最重要的是吸引眼球，特別是關於公司的產品，與其長篇大論還不如弄幾張圖片加個連接，若是客戶想了解，點擊圖片內容天然就有了，好了，都是現學現賣，有不對的地方望大神更正指教，謝謝！！！

　一、先來看一下效果圖：（這種效果圖怎麼傳，還有看到其餘的博客張貼的代碼，那是怎麼搞得，實在不會，只能截圖了，呵呵）

   二、我作圖片輪播是用在了關於公司項目上，在登陸主頁上加的產品展現一項：

（1）HTML部分：

（2）css部分：

（3）JS部分：主要是設置圖片輪播間隔時間、左箭頭、右箭頭事件、右下角數字索引、清除定時器等；

設置間隔時間：

左箭頭：

右箭頭：

右下角數字索引：

清除定時器：

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

重大發現：我如今看到這個changeTo函數，終於明白了，當時調圖片的時候爲啥不對，總覺得css中imgList的width屬性值必須是400的整數倍，就像如今圖片上標識的同樣，原來這個圖片寬度400px是這裏決定的，width與圖片數量的乘積就是imgList的width值！！！當時搞不懂的問題，今天在總結中忽然明白了，太棒了！！！

      心得：雖然我不精通web，第一次作，可是隻要用心仍是能夠掌握的，望共勉！！！