這個(gè)有挺多的表現(xiàn)形式，好理解的就是

　　例如5張圖的：

　　窗口大?。?/p>

　　口

　　5張圖片大?。?/p>

　　口 口 口 口 口

　　默認(rèn)看，是一張圖，其他4張?jiān)谟疫厸]顯示出來，用jquery把第一張的margin-left修改為寬度的負(fù)值，例如圖片寬度是960px，那么用 $('img1').animate({'margin-left': '-960px'}, 500)，500毫秒的過度動(dòng)畫將圖片過度到左側(cè)-960px位置，那么第二張圖就出來了，這就成了動(dòng)畫。

　　其他方式有更多表現(xiàn)形式，例如覆蓋型：

　　窗口：

　　口

　　圖片形式：

　　口

　　口

　　口

　　口

　　口

　　一張蓋一張，第一張有消失的動(dòng)畫，并放到序列最后，則第二張展現(xiàn)。

　　再有就更復(fù)雜了，可以找現(xiàn)成的插件直接用。

可以參考：http://www.open-open.com/news/view/5b8b9

體驗(yàn)學(xué)習(xí)過程：http://www.veryhuo.com/a/demo/2011/liehuo_jq_slide.html

一個(gè)非常炫的滑動(dòng)插件：http://demo.jb51.net/js/2012/iprodev/    但由于IE的javascript性能不佳，html5支持不好，所以在IE中表現(xiàn)極差，推薦使用谷歌瀏覽器體驗(yàn)效果。下載 谷歌瀏覽器

　　哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無需額外費(fèi)用，即可穩(wěn)步提升排名至首頁。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)。