最新职位无刷新滚动效果

 

看到一个好的效果,特抓源码记录方便以后使用,来源: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/Aa>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 developa>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">美国结构数据有限公司上海代表处 - 测试 QAa>li>
  22.         
  23.           <li><a href="/companies/267/jobs/97" title="Ruby on Rails developer">美国结构数据有限公司上海代表处 - Ruby on Raia>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>

 

 

 

你可能感兴趣的:(Div+Css)