共享一个滚动的站内快讯，兼容IE 火狐 谷歌，其他没测试

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



技术贴要有好的习惯，看帖要顶贴。那样分享的人才继续发。欢迎大家来我的QQ群，群共享中分享了大量的资料 95250464
可以用下面代码直接替换themes/default/library/new_articles.lib 文件
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  2. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  3. <style type="text/css">
  4. ul, li
  5. {
  6. margin: 0;
  7. padding: 0;
  8. }
  9. #scrollDiv
  10. {
  11. width: 216px;
  12. height: 154px;
  13. line-height: 25px;
  14. /* border: #ccc 1px solid;*/
  15. overflow: hidden;
  16. }
  17. #scrollDiv li
  18. {
  19. height: 25px;
  20. padding-left: 10px;
  21. }
  22. </style>

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

  26. function AutoScroll(obj) {

  28. $(obj).find("ul:first").animate({
  29. marginTop: "-25px"
  30. }, 500, function() {
  31. $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
  32. });
  33. }
  34. $(document).ready(function() {
  35. var myar = setInterval('AutoScroll("#scrollDiv")', 1500)
  36. $("#scrollDiv").hover(function() { clearInterval(myar); }, function() { myar = setInterval('AutoScroll("#scrollDiv")', 1000) }); //当鼠标放上去的时候，滚动停止，鼠标离开的时候滚动开始
  37. });
  38. </script>
  39. <div id="scrollDiv">
  40. <ul>
  41. <!--{foreach from=$new_articles item=article}-->
  42. <li>
  43. [<a href="{$article.cat_url}">{$article.cat_name}</a>] <a href="{$article.url}" title="{$article.title|escape:html}">{$article.short_title|truncate:10:"...":true}</a>
  44. </li>
  45. <!--{/foreach}-->
  46. </ul>
  47. </div>
复制代码

但是这里用到了jquery，会出现jquery与transport.js兼容性的问题。
兼容性问题这个帖子里有解决方法http://bbs.ecshop.com/thread-1110944-1-1.html

回答：
自己先顶一个 我已经测试过 很好用

支持军哥。这个功能不错。

支持军哥。这个功能不错。
chenyunqi 发表于 2012-7-26 13:18

你多学习点东西，都可以收藏

收藏了



很好用，改下同样可以用在其他频道


百工商城-MRO工业品第一战线 www.baigon.cn

效果不错，但会导致首页促销中的倒计时无法显示，不知如何解决，会不会是传说中的jquery冲突？

楼主说后续会给大家发上

兼容性问题 在这里有解决方法http://bbs.ecshop.com/thread-1110944-1-1.html

效果咋样？？？尝试下，先收藏了！！！谢谢

技术贴 拿出来顶顶了 哈哈

顶的人太少了

我也想顶，我只是初学者。

技术贴，别光看不顶

好贴子哦，大家不顶说不过去












ネクソンポイント RMT|C9 RMT|Final Fantasy XI RMT