记得去年的时候吧,CSDN有一篇名为 最简单的无缝滚动程序,只需要五行代码 贴子,引起了很旺的讨论!

而当时就试着用这样的原理来实现流畅的滚动,在CSDN发了篇名为 修改本版中五行代码实现无逢滚动代码,10行代码左右,实现流畅滚动!的贴子,但是那段代码始终没解决流畅问题。原因就是用了scolltop属性始终有个刷新问题,从而出现闪烁,还有就是行高设置不能很好的控制。

现在改为用margin属性实现滚动,20行javascript可以搞定页面中所有设计到的滚动!!

演示:attachment/1181020134_0.html

代码如下:

<!DOCTYPE   html   PUBLIC   "-//W3C//DTD   XHTML   1.0   Transitional//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
 <html   xmlns="http://www.w3.org/1999/xhtml">  
 <head>  
 <meta   http-equiv="Content-Type"   content="text/html;   charset=utf-8"   />  
 <title>无缝滚动</title>  
 </head>  
   
 <body>  
 <style>a{display:block;font-size:15px};</style>  
 <div   ,100,2);
 </script>  
 </body>  
 </html>  

相关文章:

  • 2022-12-23
  • 2021-12-15
  • 2022-12-23
  • 2022-12-23
  • 2022-02-15
  • 2021-07-14
猜你喜欢
  • 2021-12-17
  • 2021-04-13
  • 2021-08-31
  • 2022-01-16
  • 2021-08-12
  • 2022-12-23
  • 2022-01-24
相关资源
相似解决方案