日期:2014-05-16  浏览次数:20333 次

js文字上下滚动+左右滚动兼容FF/IE

我也是最近因为要做这种效果所以找了一下,很多都没有用,有的滚动一半就不滚了!以下是有用的所以收藏了,大家也可以参考一下。

转自:http://www.ok22.org/art_detail.aspx?id=114(可直接运行)

直接贴代码了:

上下滚动

Html代码
  1. <!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.01?Transitional//EN"?"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">??
  2. <HTML?xmlns="http://www.w3.org/1999/xhtml">??
  3. <head>??
  4. <TITLE>文字上下滚动</TITLE>??
  5. <META?http-equiv=Content-Type?content="text/html;charset=utf-8">??
  6. <STYLE?type=text/css?media=screen>??
  7. *{margin:0;padding:0;font-size:12px;} ??
  8. a{color:#333;text-decoration:none} ??
  9. a:hover{color:#901d22;text-decoration:underline} ??
  10. .clear{clear:both;font-size:0;line-height:0;height:0} ??
  11. SPAN.darkred{font-size:14px;color:#933} ??
  12. #search{border:1px?solid?#ccc;margin:0?auto;width:950px;margin-bottom:8px;height:29px} ??
  13. #commend{width:720px;color:#fff} ??
  14. #commend?a{color:#333} ??
  15. .scrollNews{padding-TOP:4px;position:relative} ??
  16. #newscommend{padding-RIGHT:2px;font-weight:normal;overflow:hidden;width:602px;line-height:20px;height:20px} ??
  17. .scrollNews?div{LEFT:507px;position:absolute;} ??
  18. .scrollNews?a{CURSOR:pointer} ??
  19. .scrollNews?IMG{width:25px;height:8px;background:#000;} ??
  20. </STYLE>??
  21. </head>??
  22. <body>??
  23. <div?id="new_list"?style="display:none;">??
  24. <h6><a?href="#">宋山木的“温柔论”能成立吗?</a></h6>??