Ecshop Home "Tin tức" thường thì chỉ hiện ra và đứng im chẳng nhúc nhíc 
Rất nhiều người muốn nó di chuyển theo chiều dọc ( chạy lên chạy xuống ấy mà ), thẻ hay được dùng nhất mà <maquee> với tag html này thì ai cũng làm được, nhưng không thể làm cho nó di chuyển 1 cách liền mạch ( cuộn ) 1 cách đẹp đẽ được
Nếu bạn muốn cuộn đẹp cho tin tức, bạn cần một chút hỗ trợ mã JS.
Files cần chém : library/new_articles.lbi
(tương thích với IE6, IE7, FIREFOX)
Lưu ý: Các mình test trên mẫu mặc định trong ecshop nhé, các mẫu khác chưa test 
Code:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<div id="artup" style="overflow:hidden; height: 170px;">
<div id="artup1">
<ul style="padding:0;margin:0" id="artup1ul">
<!--{foreach name="new_articles" from=$new_articles item=article}-->
<li>
[<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>
</li>
<!--{/foreach}-->
</ul>
</div>
<div id="artup2"> </div>
</div>
<script type="text/javascript">
var speed=30;
var ARTUP=document.getElementById('artup');
var ARTUP1=document.getElementById('artup1');
var ARTUP2=document.getElementById('artup2');
var ARTUP1ul=document.getElementById('artup1ul');
var result = "";
for(var i=0; i<25; i++) result += ARTUP1ul.innerHTML;
ARTUP1ul.innerHTML=result
ARTUP2.innerHTML=ARTUP1.innerHTML
function Marquee1(){
if(ARTUP2.offsetHeight-ARTUP.scrollTop<=0)
ARTUP.scrollTop-=ARTUP1.offsetHeight
else{
ARTUP.scrollTop++
}
}
var MyMar1=setInterval(Marquee1,speed)
ARTUP.onmouseover=function() {clearInterval(MyMar1)}
ARTUP.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</script>
thay thế toàn bộ code trên vào library/new_articles.lbi nhé ( ai dùng themes khác thì tự edit lại chút nha )
haiduyen0948298866