分享下昨天想到的一个 jquery 标题循环滚动效果 只是一个思想,可以在此基础上自己改造下。
1<div>
2 <ul id="last_activities">
3 <li>title.11111</li>
4 <li>title.22222</li>
5 <li>title.33333</li>
6 <li>title.44444</li>
7 </ul>
8</div>
9<script
10 type="text/javascript"
11 src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"
12></script>
13<script type="text/javascript">
14 function scroll() {
15 var tmp = $("#last_activities").find("li").first();
16 tmp.remove();
17 $("#last_activities").find("li").first().hide().fadeIn("slow");
18 $("#last_activities").append(tmp);
19 //$("#last_activities").find("li").first().hide('300');
20 }
21 $(function () {
22 setInterval("scroll()", 3500);
23 });
24</script>