SunLe'Blog---孙乐 » 滚动 http://www.sunle.net Thu, 29 Jul 2010 02:04:40 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 不间断向左滚动代码 http://www.sunle.net/image-rolling-left-code.html http://www.sunle.net/image-rolling-left-code.html#comments Tue, 23 Jun 2009 06:55:34 +0000 sunle http://www.sunle.net/?p=958 ++RunCode_BLOCK_i6HCUb++

点击阅读全文

]]> ++RunCode_BLOCK_sn4B99++

点击阅读全文

]]> http://www.sunle.net/image-rolling-left-code.html/feed 0 简单的滚动公告代码___兼容IE、Firefox http://www.sunle.net/%E7%AE%80%E5%8D%95%E7%9A%84%E6%BB%9A%E5%8A%A8%E5%85%AC%E5%91%8A%E4%BB%A3%E7%A0%81-%E5%85%BC%E5%AE%B9ie%E3%80%81firefox.html http://www.sunle.net/%E7%AE%80%E5%8D%95%E7%9A%84%E6%BB%9A%E5%8A%A8%E5%85%AC%E5%91%8A%E4%BB%A3%E7%A0%81-%E5%85%BC%E5%AE%B9ie%E3%80%81firefox.html#comments Thu, 17 Jul 2008 19:45:42 +0000 sunle http://www.sunle.net/111?p=381
  1. <script type="text/javascript">
  2. //这里更改UL的ID
  3. var scrollnews = document.getElementById(&#039;wenchuan&#039;);
  4. var lis = scrollnews.getElementsByTagName(&#039;li&#039;);
  5. var ml = 0;
  6. var timer1 = setInterval(function(){
  7.     var liHeight = lis&#91;0&#93;.offsetHeight;
  8.     var timer2 = setInterval(function(){
  9.      scrollnews.scrollTop = (++ml);
  10.      if(ml == liHeight){
  11.         clearInterval(timer2);
  12.         scrollnews.scrollTop = 0;
  13.         ml = 0;
  14.         lis&#91;0&#93;.parentNode.appendChild(lis&#91;0&#93;);
  15.      }
  16.   },10);
  17. },2000);
  18. </script>




  1. <ul id="wenchuan">
  2. <li>001</li>
  3. <li>002</li>
  4. <li>003</li>
  5. <li>004</li>
  6. <li>005</li>
  7. <li>006</li>
  8. <li>007</li>
  9. <li>008</li>
  10. <li>000</li>
  11. </ul>




  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>抗震救灾</title>
  6. <style>
  7. *{ padding:0; margin:0;}
  8. body{font-family: Arial, Helvetica, sans-serif; line-height:1.8; font-size:12px;  background:url(http://pindao.kijiji.cn/upload_img/img/0805/20080519108770.jpg) no-repeat top right}
  9. #wenchuan{ overflow:hidden; height:150px;}
  10. a:link,a:visited{color:#333;text-decoration:none;}
  11. a:hover,a:active{color:#000;text-decoration:underline;}
  12. li{background:url(http://static.kijiji.cn/images/css/sidebar/li_green.gif?v=$1) no-repeat 5px 8px;padding-left:16px;overflow:hidden}
  13. </style>
  14. </head><body><ul id="wenchuan"><li><a href="http://chengdu.kijiji.cn/a22783901.html" target="_blank">罗富仙和孙玉兰</a></li><li><a href="http://chengdu.kijiji.cn/a22781765.html" target="_blank">急寻许秀军和苟玲父女两人！</a></li><li><a href="http://chengdu.kijiji.cn/a22781425.html" target="_blank">寻找汶川县城的陈永英！</a></li><li><a href="http://chengdu.kijiji.cn/a22778906.html" target="_blank">拜托你们帮我寻小妹刘冬梅！</a></li><li><a href="http://chengdu.kijiji.cn/a22778169.html" target="_blank">寻龚倩！</a></li><li><a href="http://chengdu.kijiji.cn/a22762069.html" target="_blank">寻找亲友报平安</a></li><li><a href="http://chengdu.kijiji.cn/a22761811.html" target="_blank">四川师大叫李明速回绵阳中医院看望病重母亲</a></li><li><a href="http://chengdu.kijiji.cn/a22740262.html" target="_blank">寻找秦丹</a></li><li><a href="http://chengdu.kijiji.cn/a22697588.html" target="_blank">我想找我映秀的朋友她叫高慧女21岁!</a></li><li><a href="http://chengdu.kijiji.cn/a22697390.html" target="_blank">想寻找曾经在公安校2002级治安一区队读书的在文川的柏星旺</a></li><li><a href="http://chengdu.kijiji.cn/a22697345.html" target="_blank">请转告所有青川木鱼中学的学生和家长!</a></li><li><a href="http://chengdu.kijiji.cn/a22691052.html" target="_blank">请帮我寻找茂县南新安乡的唐光映、唐伟等等众多的亲人！</a></li><li><a href="http://chengdu.kijiji.cn/a22691022.html" target="_blank">请帮我寻找亲人万良会，陈顺会，陈丽红</a></li><li><a href="http://chengdu.kijiji.cn/a22690982.html" target="_blank">请帮我寻找一下雅安市香花乡五组的魏世德，魏一！</a></li><li><a href="http://chengdu.kijiji.cn/a22690770.html" target="_blank">寻乘座阿坝至成都黄继琼</a></li><li><a href="http://chengdu.kijiji.cn/a22690741.html" target="_blank">阿坝师专的大一学生代伟刚</a></li><li><a href="http://chengdu.kijiji.cn/a22690294.html" target="_blank">寻乘座阿坝至成都的客车车牌川U21730的乘客黄继琼！</a></li><li><a href="http://chengdu.kijiji.cn/a22690248.html" target="_blank">寻谢恩发，谢恩洪，谢恩惠！</a></li><li><a href="http://chengdu.kijiji.cn/a22690080.html" target="_blank">寻刘春利、顾海东、杜建华，杨晓贵、罗小勇、贾春龙，周世辉！</a></li><li><a href="http://chengdu.kijiji.cn/a22690035.html" target="_blank">寻找一下阿坝师专的大一学生代伟刚！</a></li></ul><script type="text/javascript">
  15. var scrollnews = document.getElementById(&#039;wenchuan&#039;);
  16. var lis = scrollnews.getElementsByTagName(&#039;li&#039;);
  17. var ml = 0;
  18. var timer1 = setInterval(function(){
  19.     var liHeight = lis&#91;0&#93;.offsetHeight;
  20.     var timer2 = setInterval(function(){
  21.      scrollnews.scrollTop = (++ml);
  22.      if(ml == liHeight){
  23.         clearInterval(timer2);
  24.         scrollnews.scrollTop = 0;
  25.         ml = 0;
  26.         lis&#91;0&#93;.parentNode.appendChild(lis&#91;0&#93;);
  27.      }
  28.   },10);
  29. },2000);
  30. </script></body></html>
]]> http://www.sunle.net/%E7%AE%80%E5%8D%95%E7%9A%84%E6%BB%9A%E5%8A%A8%E5%85%AC%E5%91%8A%E4%BB%A3%E7%A0%81-%E5%85%BC%E5%AE%B9ie%E3%80%81firefox.html/feed 0 简单的滚动公告代码___兼容IE、Firefox http://www.sunle.net/%E7%AE%80%E5%8D%95%E7%9A%84%E6%BB%9A%E5%8A%A8%E5%85%AC%E5%91%8A%E4%BB%A3%E7%A0%81-%E5%85%BC%E5%AE%B9ie%E3%80%81firefox.html http://www.sunle.net/%E7%AE%80%E5%8D%95%E7%9A%84%E6%BB%9A%E5%8A%A8%E5%85%AC%E5%91%8A%E4%BB%A3%E7%A0%81-%E5%85%BC%E5%AE%B9ie%E3%80%81firefox.html#comments Wed, 11 Jun 2008 03:24:14 +0000 sunle http://www.sunle.net/111?p=369
  1. <script type="text/javascript">
  2. //这里更改UL的ID
  3. var scrollnews = document.getElementById(&#039;wenchuan&#039;);
  4. var lis = scrollnews.getElementsByTagName(&#039;li&#039;);
  5. var ml = 0;
  6. var timer1 = setInterval(function(){
  7.     var liHeight = lis&#91;0&#93;.offsetHeight;
  8.     var timer2 = setInterval(function(){
  9.      scrollnews.scrollTop = (++ml);
  10.      if(ml == liHeight){
  11.         clearInterval(timer2);
  12.         scrollnews.scrollTop = 0;
  13.         ml = 0;
  14.         lis&#91;0&#93;.parentNode.appendChild(lis&#91;0&#93;);
  15.      }
  16.   },10);
  17. },2000);
  18. </script>




  1. <ul id="wenchuan">
  2. <li>001</li>
  3. <li>002</li>
  4. <li>003</li>
  5. <li>004</li>
  6. <li>005</li>
  7. <li>006</li>
  8. <li>007</li>
  9. <li>008</li>
  10. <li>000</li>
  11. </ul>




  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>抗震救灾</title>
  6. <style>
  7. *{ padding:0; margin:0;}
  8. body{font-family: Arial, Helvetica, sans-serif; line-height:1.8; font-size:12px;  background:url(http://pindao.kijiji.cn/upload_img/img/0805/20080519108770.jpg) no-repeat top right}
  9. #wenchuan{ overflow:hidden; height:150px;}
  10. a:link,a:visited{color:#333;text-decoration:none;}
  11. a:hover,a:active{color:#000;text-decoration:underline;}
  12. li{background:url(http://static.kijiji.cn/images/css/sidebar/li_green.gif?v=$1) no-repeat 5px 8px;padding-left:16px;overflow:hidden}
  13. </style>
  14. </head><body><ul id="wenchuan"><li><a href="http://chengdu.kijiji.cn/a22783901.html" target="_blank">罗富仙和孙玉兰</a></li><li><a href="http://chengdu.kijiji.cn/a22781765.html" target="_blank">急寻许秀军和苟玲父女两人！</a></li><li><a href="http://chengdu.kijiji.cn/a22781425.html" target="_blank">寻找汶川县城的陈永英！</a></li><li><a href="http://chengdu.kijiji.cn/a22778906.html" target="_blank">拜托你们帮我寻小妹刘冬梅！</a></li><li><a href="http://chengdu.kijiji.cn/a22778169.html" target="_blank">寻龚倩！</a></li><li><a href="http://chengdu.kijiji.cn/a22762069.html" target="_blank">寻找亲友报平安</a></li><li><a href="http://chengdu.kijiji.cn/a22761811.html" target="_blank">四川师大叫李明速回绵阳中医院看望病重母亲</a></li><li><a href="http://chengdu.kijiji.cn/a22740262.html" target="_blank">寻找秦丹</a></li><li><a href="http://chengdu.kijiji.cn/a22697588.html" target="_blank">我想找我映秀的朋友她叫高慧女21岁!</a></li><li><a href="http://chengdu.kijiji.cn/a22697390.html" target="_blank">想寻找曾经在公安校2002级治安一区队读书的在文川的柏星旺</a></li><li><a href="http://chengdu.kijiji.cn/a22697345.html" target="_blank">请转告所有青川木鱼中学的学生和家长!</a></li><li><a href="http://chengdu.kijiji.cn/a22691052.html" target="_blank">请帮我寻找茂县南新安乡的唐光映、唐伟等等众多的亲人！</a></li><li><a href="http://chengdu.kijiji.cn/a22691022.html" target="_blank">请帮我寻找亲人万良会，陈顺会，陈丽红</a></li><li><a href="http://chengdu.kijiji.cn/a22690982.html" target="_blank">请帮我寻找一下雅安市香花乡五组的魏世德，魏一！</a></li><li><a href="http://chengdu.kijiji.cn/a22690770.html" target="_blank">寻乘座阿坝至成都黄继琼</a></li><li><a href="http://chengdu.kijiji.cn/a22690741.html" target="_blank">阿坝师专的大一学生代伟刚</a></li><li><a href="http://chengdu.kijiji.cn/a22690294.html" target="_blank">寻乘座阿坝至成都的客车车牌川U21730的乘客黄继琼！</a></li><li><a href="http://chengdu.kijiji.cn/a22690248.html" target="_blank">寻谢恩发，谢恩洪，谢恩惠！</a></li><li><a href="http://chengdu.kijiji.cn/a22690080.html" target="_blank">寻刘春利、顾海东、杜建华，杨晓贵、罗小勇、贾春龙，周世辉！</a></li><li><a href="http://chengdu.kijiji.cn/a22690035.html" target="_blank">寻找一下阿坝师专的大一学生代伟刚！</a></li></ul><script type="text/javascript">
  15. var scrollnews = document.getElementById(&#039;wenchuan&#039;);
  16. var lis = scrollnews.getElementsByTagName(&#039;li&#039;);
  17. var ml = 0;
  18. var timer1 = setInterval(function(){
  19.     var liHeight = lis&#91;0&#93;.offsetHeight;
  20.     var timer2 = setInterval(function(){
  21.      scrollnews.scrollTop = (++ml);
  22.      if(ml == liHeight){
  23.         clearInterval(timer2);
  24.         scrollnews.scrollTop = 0;
  25.         ml = 0;
  26.         lis&#91;0&#93;.parentNode.appendChild(lis&#91;0&#93;);
  27.      }
  28.   },10);
  29. },2000);
  30. </script></body></html>
]]> http://www.sunle.net/%E7%AE%80%E5%8D%95%E7%9A%84%E6%BB%9A%E5%8A%A8%E5%85%AC%E5%91%8A%E4%BB%A3%E7%A0%81-%E5%85%BC%E5%AE%B9ie%E3%80%81firefox.html/feed 0