完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效_jquery

2、实现原理 首先要设定div内只能显示4个图片那么多出来的图片会自动隐藏然后在给图片添加一个动画的事件让他们可以滚动的播放出来上下滚动效果播放就是li标签里面的内容图片和文字把每一个li看成一个整体在滚动播放的时候进入div内的显示出来在最后离开div的时候隐藏在给整个动画效果设定一个时间就可以完整的运行。

3、运行环境

IE6 IE7 IE8及以上 Firefox 和 Google Chrome游览器下都可实现

4、所有图片的压缩包新建一个文件后将包解压放进文件夹图片的压缩包在页面的最下方可以看到并下载下载后无需修改文件夹名因为本身就已经写好了和html5内的路径相吻合

5、将创建html文件保存的时候将编码类型换成(UTF-8有签名)这样可以让部分中文正常的显示出来，将保存类型(T)换成(所有文件(*.*))，将html5和解压后的图片文件夹放在同一个文件夹内效果

6、代码

代码如下:

http://www.gxlcms.com/" title="View reflet">

http://www.gxlcms.com/" title="View reflet">reflet

Nov 29th 2008 by neue

http://www.gxlcms.com/" title="View Kate Moross Little Big Planet">

http://www.gxlcms.com/" title="View Kate Moross Little Big Planet">Kate Moross Little Big Planet

Nov 29th 2008 by neue

http://www.gxlcms.com/" title="View Untitled">

http://www.gxlcms.com/" title="View Untitled">Untitled

Nov 29th 2008 by mike1052

http://www.gxlcms.com/" title="View My Tutorial's Library">

http://www.gxlcms.com/" title="View My Tutorial's Library">My Tutorial's Library

Nov 29th 2008 by FrancescoOnAir

http://www.gxlcms.com/" title="View Sandy — your free personal email assistant - Log in">

http://www.gxlcms.com/" title="View Sandy — your free personal email assistant - Log in">Sandy — your free

Nov 29th 2008 by John Doe

http://www.gxlcms.com/" title="View Sandy — your free personal email assistant - Log in">

http://www.gxlcms.com/" title="View Sandy — your free personal email assistant - Log in">Sandy — your free

Nov 29th 2008 by John Doe

http://www.gxlcms.com/" title="View Sandy — your free personal email assistant">

http://www.gxlcms.com/" title="View Sandy — your free personal email assistant">Sandy — your free

Nov 29th 2008 by John Doe

http://www.gxlcms.com/" title="View Values of n Blog">

http://www.gxlcms.com/" title="View Values of n Blog">Values of n Blog

Nov 29th 2008 by John Doe

怎么样，效果相当不错吧。