共享一个jquery原版的滚动文字代码

2016-07-07 14:55 来源：www.chinab4c.com 作者：ecshop专家

  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 runat="server">
  4. <title></title>
  5. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  6. <style type="text/css">
  7. ul, li
  8. {
  9. margin: 0;
  10. padding: 0;
  11. }
  12. #scrollDiv
  13. {
  14. width: 300px;
  15. height: 100px;
  16. line-height: 25px;
  17. border: #ccc 1px solid;
  18. overflow: hidden;
  19. }
  20. #scrollDiv li
  21. {
  22. height: 25px;
  23. padding-left: 10px;
  24. }
  25. </style>

  27. <script type="text/javascript">

  29. function AutoScroll(obj) {

  31. $(obj).find("ul:first").animate({
  32. marginTop: "-25px"
  33. }, 500, function() {
  34. $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
  35. });
  36. }
  37. $(document).ready(function() {
  38. var myar = setInterval('AutoScroll("#scrollDiv")', 1500)
  39. $("#scrollDiv").hover(function() { clearInterval(myar); }, function() { myar = setInterval('AutoScroll("#scrollDiv")', 1000) }); //当鼠标放上去的时候，滚动停止，鼠标离开的时候滚动开始
  40. });
  41. </script>

  43. </head>
  44. <body>
  45. <form id="form1" runat="server">
  46. <div id="scrollDiv">
  47. <ul>
  48. <li><a href="http://www.liqilai.com">欢迎浏览立起来艺术网</a></li>
  49. <li><a href="http://www.sina.com">欢迎浏览新浪网</a></li>
  50. <li><a href="http://bbs.liqilai.com">立起来艺术网论坛</a></li>
  51. <li><a href="http://3d.liqilai.com">立起来3D商城</a></li>
  52. <li><a href="http://www.163.com">欢迎浏览网易</a></li>
  53. <li><a href="http://www.csdn.com">欢迎进入程序员之家</a></li>
  54. <li><a href="http://www.51aspx.com">很好的源代码下载区</a></li>
  55. <li><a href="http://www.msdn.com">msdn</a></li>
  56. <li><a href="http://www.baidu.com">欢迎浏览百度网</a></li>
  57. </ul>
  58. </div>
  59. </form>
  60. </body>
  61. </html>
复制代码

回答：
沙发支持了呢

这个效果很普遍的，喜欢的都可以下载看看

效果很不错的，喜欢的都可以下载看看

支持一下

谢谢大家的支持，多顶顶啊

好吧! 顶一下

虽然代码有点多，但兼容性很好的 ，很实用的