这个有挺多的表现形式，好理解的就是
例如5张图的：
窗口大小：
口
5张图片大小：
口 口 口 口 口
默认看，是一张图，其他4张在右边没显示出来，用jquery把第一张的margin-left修改为宽度的负值，例如图片宽度是960px，那么用 $('img1').animate({'margin-left': '-960px'}, 500)，500毫秒的过度动画将图片过度到左侧-960px位置，那么第二张图就出来了，这就成了动画。
其他方式有更多表现形式，例如覆盖型：
窗口：
口
图片形式：
口
口
口
口
口
一张盖一张，第一张有消失的动画，并放到序列最后，则第二张展现。
再有就更复杂了，可以找现成的插件直接用。
可以参考：http://www.open-open.com/news/view/5b8b9
体验学习过程：http://www.veryhuo.com/a/demo/2011/liehuo_jq_slide.html
一个非常炫的滑动插件：http://demo.jb51.net/js/2012/iprodev/ 但由于IE的javascript性能不佳，html5支持不好，所以在IE中表现极差，推荐使用谷歌浏览器体验效果。下载 谷歌浏览器
哈尔滨品用软件有限公司致力于为哈尔滨的中小企业制作大气、美观的优秀网站，并且能够搭建符合百度排名规范的网站基底，使您的网站无需额外费用，即可稳步提升排名至首页。欢迎体验最佳的哈尔滨网站建设。