如何让首页“站内快讯”垂直滚动显示（无缝滚动）
[i=s] 本帖最后由 zhangyh 于 2009-11-20 16:11 编辑 [/i]最近看到有朋友想要将首页“站内快讯”垂直滚动显示，这里简要说一下方法
如果只是要简单的垂直滚动 用 html 标签中的 <maquee> 就能实现，但是不能实现无缝结合。如果想要无缝垂直滚动，就需要一点JS代码的支持。
下面就讲一讲如何实现“站内快讯”垂直无缝滚动显示：
将 library/new_articles.lbi 文件内容完全替换为下面代码即可：
（经测试完全兼容IE6,IE7,FIREFOX）[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>[/code] 不错，学习了 收藏了!~:lol 呵呵谢谢楼主 可以吗？ 为什么我不可以，我只是全部类出来，但是没有滚动 [quote]可以吗？ 为什么我不可以，我只是全部类出来，但是没有滚动
[size=2][color=#999999]wkc8706 发表于 2009-9-17 19:29[/color] [url=http://bbs.ecshop.com/redirect.php?goto=findpost&pid=420081&ptid=99671][img]http://bbs.ecshop.com/images/common/back.gif[/img][/url][/size][/quote]
完全可以的，[url=http://www.ebay360.cn/]http://www.ebay360.cn/[/url] 这个站已经照着我的方法做出来了，可以看演示
5楼，你得看一下你的站使用的是什么编码 我这个是utf-8的，如果你的是GBK的 将charset=gbk 即可 谢谢LZ的共享, 收藏备用.. ;D 能否应用到发货查询上呢！ 完全可以 我也是utf-8的，但就是全列出来而已，没有滚动。请看：[url=http://wkc8707.10g.me/]http://wkc8707.10g.me/[/url] 是不是修改在themes模版目录的library下的文件？ 我改的是这个文件，但是效果是全列出来。没有滚动 IE8用不了，一用上虽然可以滚动，但是以前显示在“站内快讯”左边的都到“站内快讯”底下了. 演示地址 我的网站新闻公告终于搞定了,[url]www.kule-buy.com[/url]
去我发的论坛贴去看看吧, 有代码的2.7版本的,[url]http://bbs.ecshop.com/viewthread.php?tid=100373&extra=[/url] [i=s] 本帖最后由 zhangyh 于 2009-9-24 10:56 编辑 [/i]
谢谢12楼，我电脑没装IE8呢 ，下来装一个测试下
===================================
已经测试过，使用IEtester中的IE8测试，没问题呀，反正在2.7版官方默认模板上是没问题的， 看看可以用吗 [b] [url=http://bbs.ecshop.com/redirect.php?goto=findpost&pid=423991&ptid=99671]14#[/url] [i]zhangyh[/i] [/b]
哦，我的模版是[b]ECSHOP BigSale[/b] v2.7.0 :handshake 演示地址[url]http://www.kule-buy.com[/url]无缝向上滚动 用到发货查询上怎么用， 原理都一样的 只要你稍微懂点HTML就可以照着做到的！！ 收下了.谢谢 我的没有啊 [url]www.buxingjie365.com[/url] 楼上的 请问你的没有啥？？ 谢谢楼主的分享 收藏了 谢谢楼主:lol
看看
[color=red]我用的也不行虽然能滚动但是都错位了（和下面的模板合并）！乱[/color] 谢谢你拉.你真的好厉害. 不错的共享，收藏备用。 问下这段代码加到啥地方？ [quote]我的没有啊 [url=http://bbs.ecshop.com/www.buxingjie365.com]www.buxingjie365.com[/url][size=2][color=#999999]wmhyw 发表于 2009-10-7 22:12[/color] [url=http://bbs.ecshop.com/redirect.php?goto=findpost&pid=429938&ptid=99671][img]http://bbs.ecshop.com/images/common/back.gif[/img][/url][/size][/quote]
别人说的是站内快讯，不是站内公告，经测试，用[b]BigSale[/b] v2.7.0这个模板（站内快讯是最新文章），页面全部向左发生错位！