jQuery循环滚动展示代码
循环滚动展示的文字和图片每个人都见过，实现类似效果的 JS 也很多。但如果只用于几个条目或三五张图片，体积庞大的 JS 会浪费资源。看见 Jinwen 同学用 Adam Cai 的代码，感觉稍显复杂而且不够 jQuery。我用只依靠 jQuery 入门的思路写了一版，代码更少使用也更简单。
先看演示。
使用之前，先插入 jQuery 框架( 直接从 Google 拿 )：
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery
/1.2.6/jquery.min.js"></script>
JS 代码( 以 <script type="text/javascript"></script> 包裹，或者保存成单独文件引用。)：
$(document).ready(function(){
$("#sItem li:not(:first)").css("display","none");
var B=$("#sItem li:last");
var C=$("#sItem li:first");
setInterval(function(){
if(B.is(":visible")){
C.fadeIn(500).addClass("in");B.hide()
}else{
$("#sItem li:visible").addClass("in");
$("#sItem li.in").next().fadeIn(500);
$("li.in").hide().removeClass("in")}
},3000) //每3秒钟切换一条，你可以根据需要更改
})
HTML 部分：
<ul id="sItem">
<li>文字或图片</li>
<li>文字或图片</li>
<li>文字或图片</li>
</ul>
条目不限，内容不限，将需要循环滚动展示的条目放置于 <ul id="sItem"> 中就可以了。
按钮，或自行输入 
先沙发，再学习，哈哈哈...
第二张沙发，哈哈！
这技巧对我似乎还用不着，不过可以顺便学学 JQuery。
另外，Shawn 你那个收藏分享是自己做的吗？好漂亮哦！
@welee: 呵呵，是的，自己做的，觉得该加一个。
那个收藏分享真漂亮 ...
视频似乎没看到，另外，GR里看到的上面的文字和背景都是彩色的。。。不知道这代表了什么。。。
呵呵 开夜车的 来瞅瞅啦
这个可以考虑加到主题里哦 特别是新闻类的主题
另外那个收藏分享完全可以做个插件出来啦
绝对比水煮鱼他们那个 17fav 吸引人得多
yeah~有我名字啊。的确你的简单，我就改过来试下
这个内容不错,简单且有效果...等需要用到时再来研究吧...
话说收藏按钮是不是有点大了,不够低调啊你...
哎，又是我根本不懂的JQ，完蛋了我
寒假要到你这里来翻文章，学JQ了
貌似刚才一条评论被拦截了，Shawn救我啊
收藏之，那个收藏的东西会不会太绿了！！？？
@恬玮儿: @恬玮儿: 因为样式直接写到代码里了，所以在 GR 里可以看到彩色的代码。我使用发芽网转换的格式。视频应该是切换速度较快造成的。
@Zoll: 哈哈，人家那个是程序，我这个主要是样式，分享代码都是直接写进去的。
@Jinwen: 头像太可爱了～
@iColor: 想到了就做了，好像是有点大，但是醒目点嘛。
@Elton DIsney: 我知道，你迫不及待要学 jQuery 了。怎么会被拦截了？我是昨天才开的 Akismet，有个人肉不停的发相同的评论。今天一看居然有10条。。。现在我给关了。不会再拦截了。
@xiaorsz: 醒目嘛。
啥时候也帮我简化简化博客
看起来不难， 我鼓足了勇气，准备有时间学习一下jQuery去。。。
BTW，最近看到很多你这种头像，是哪弄得啊，有的带点胡子，有的还不带胡子，貌似都同一类的啊？
从今天开始扎根大师这里潜心学习，希望大师多多指点
这个方法很好，简单实用，又不复杂
这个好啊，收藏了。不过会不会很影响速度啊？
@老时: 你博客都够简化的了，还要简化？
@i.robot: 在 Face Your Manga 做的
@kerby: 大师就算了。。我不是大师，大湿还可以。欢迎
@Sayisee: 不会影响速度的，完全不会。把 js 全部放入 footer.php 里面。
还想美化美化
貌似不能鼠标经过时暂停，哈，不过可以自己改一下。
@Insen: 是的，没有考虑这个，不过改一下也很容易。
搞了一会儿，没弄明白，还请 Shawn 指点，我将 js 全部放入 footer.php 里面了， HTML 部分放在侧边栏中调用，那在哪里插入 jQuery 框架呢，谢谢！
@Sayisee: 发邮件给你了。
收到邮件，谢谢 Shawn ，呵呵。
我一直很觊觎你的评论效果 哈
那个收藏分享 什么时候分享一下 哈哈
说实话，觉得你很强大，我是不是入错行了
你就不能把那个绿色箭头换掉嘛～
@小侯: 拜 jQuery 的强大
@醉倚西风: Mootools 的效果，有时间你可以研究一下，官网在这里。
@JoBru: 我换掉了。。我知道我要是不换掉你见一次说一次。
这个可以好好利用，哇哈哈
新年快乐！
你娃还真能写。。。
比较好奇的是，code里的script标签为什么不转义？我那的都转没了，现在发个什么代码，都要coolcode
@cuikai: 只要你在富文本编辑器下编辑就不会转义，如果你直接在代码模式下贴就会。我不用 coolcode，太臃肿了。
我怎么看还是绿色箭头～
终于可以挑你毛病了，IE7下看那段代码没有自动换行，而是超出到侧栏了；看来来访的都是用firefox的 
非常简洁，不错。
我亲爱的的blog怎么消失了
@任: Blog 没消失，人消失了而已，在忙呢，在悔过，在学习。
我的手冻伤了，安慰一下我
@任: 你在那种地方，仅仅只是手冻伤？太神奇了！
其实室内到处都有暖气，但是今天实验室暖气坏了。。。>,<
我昨天一不留神把握以前的posts全部删掉了..我本来只想山draft的。。
我继续过来学习！
过几天我希望主题订下来候 把你那个导航美化用上去～～
太强大，可是我觉得我还是学不会……
好东西，收藏了，一会加个试下
不禁再次长叹——如果我是你表姐就好了
发现评论回复箭头又换了，这次这个不错，意思清楚明了
@welee: 看来这种简单的图标还是自己做比较好，上次绿色用的是 famfamfam 免费图标。。
这个收藏效果真不错
JQ吗？还是要好好跟进才行，自己现在还搞不懂。祝你2009年快乐，也很期待你的文章。
@aunsen: 那是，我就喜欢效果不错的
新年快乐～！
@Tox: 嗯，是基于 jQuery的。也祝你新年快乐！
@ZH CEXO: 慢慢学就会了嘛。
@浮黑: 唉。。。
@JoBru: 不会吧？可能是浏览器的缓存。
改进不少啊，喜欢~~
有我的名字
你的方法的确简洁多了！
另外，觉得你博客很不错，想和交换链接。你的我已经做好了，见http://www.61dh.com/blog/
如果你觉得还行，请把我的链接也加上。谢谢！
这个效果好漂亮，正好在找给blog加上公告的方法，用这个试试去
呵呵，好漂亮干净的空间。 有许多独特的效果。评论，收藏.学习中
正好用到，多谢
感觉不错~谢谢分享~
谢谢分享，学习
界面很是漂亮啊，是用jQuery的?
这里只是一张在变，有没有那种多张的这种效果的，比如，上下两排（每排4、5张）隔2、3秒变换一次，我找很久了……，哪位大侠知道，发我邮箱，要jq的。
哈哈，又学习了~