最新职位无刷新滚动效果

 

看到一个好的效果，特抓源码记录方便以后使用，来源：http://job.javaeye.com/

1.   <div style="height:300px">
2.     <div style="float:left;width:320px; height: 280px;" class="block">
3.       <div class="block_head"><span style="color:#090;background-image: url(/images/job/arrow2.gif);">最新职位</span></div>
4.     
5.       <ul id="latest_jobs" style="overflow:hidden;width:300px;height:250px;margin:0px;padding:0;" onmousemove="marqueeing = false;" onmouseout="marqueeing = true;">
6.         
7.           <li><a href="/companies/296/jobs/111" title="分析程序员">SGS 通标标准技术服务有限公司 - 分析程序员</a></li>
8.         
9.           <li><a href="/companies/257/jobs/104" title="资深IT工程师-ECM">北京新锐互动商业网络有限公司上海分公司 - 资</a></li>
10.         
11.           <li><a href="/companies/270/jobs/103" title="资深JavaScript/Ajax开发工程师">杭州兆义信息技术有限公司 - 资深JavaScript/A</a></li>
12.         
13.           <li><a href="/companies/270/jobs/102" title="资深J2EE技术经理">杭州兆义信息技术有限公司 - 资深J2EE技术经理</a></li>
14.         
15.           <li><a href="/companies/267/jobs/101" title="Web developer">美国结构数据有限公司上海代表处 - Web develop</a></li>
16.         
17.           <li><a href="/companies/257/jobs/100" title="兼职美工">北京新锐互动商业网络有限公司上海分公司 - 兼</a></li>
18.         
19.           <li><a href="/companies/270/jobs/99" title="资深Java开发工程师">杭州兆义信息技术有限公司 - 资深Java开发工程</a></li>
20.         
21.           <li><a href="/companies/267/jobs/98" title="测试 QA">美国结构数据有限公司上海代表处 - 测试 QA</a></li>
22.         
23.           <li><a href="/companies/267/jobs/97" title="Ruby on Rails developer">美国结构数据有限公司上海代表处 - Ruby on Rai</a></li>
24.         
25.         
26.         
27.       </ul>
28.     
29.       <script language="javascript">
30.         var marqueeing = true;
31.         function marquee(){
32.           if(marqueeing) {
33.             var container=document.getElementById("latest_jobs");
34.             container.appendChild(container.firstChild);
35.           }
36.         }
37.           setInterval("marquee()",2000);
38.       </script>
39.     </div>