实现了公告无缝向上滚动(去掉了水平线)_动易Cms教程

教程Tag：暂无Tag,欢迎添加,赚取U币!

以下是代码片段：
一开始用的是marquee标签，该方法不能实现无缝滚动，且通不过WEB标准检验，故改用JS实现。但动易2005的系统函数：ShowAnnounce输出代码中有<hr>，向上滚动时水平线也显示出来了，又通过修改语言包（加一个<br />)和添加一个CSS（hr {display: none;})来“去掉”水平线，终于达到了自己预期的效果。
演示：http://www.jzxx.net/

具体做法如下：
首先打开“Language/Gb2312.xml",找到：
<PageChar>个公告</PageChar>
<AnnounceErr><![CDATA[<p>  没有公告</p>]]></AnnounceErr>
下面的两行添加"<br />":
<AnnounceBody1><![CDATA[<a class=’AnnounceBody1’ href=’#’ onclick="javascript:window.open(’{$strInstallDir}Announce.asp?ChannelID={$ChannelID}&ID={$ID}’, ’newwindow’, ’
<AnnounceBody2><![CDATA[<a class=’AnnounceBody2’ href=’#’ onclick="javascript:window.open(’{$strInstallDir}Announce.asp?ChannelID={$ChannelID}&ID={$ID}’, ’newwindow’, ’

然后在模板中放置如下代码即可：
<style type="text/css">
hr {
display: none;
}
#ann {
padding-left: 10px;
height: 17px; /*滚动框的高度，可自行调整*/
overflow: hidden;
}
</style>
<div id="ann">
<div id="ann1">{$ShowAnnounce(1,5,false,false,0)}</div>
<div id="ann2"></div>
</div>
<script type="text/javascript">
var articleHeight=20;
var stopscrolla=false;
var preTopa=0;
var currentTopa=0;
var stoptimea=0;
function init_srolltext1()
{
ann1.scrollTop=0;
with(ann1)
{
style.
style.
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscrolla=true");
onmouseout=new Function("stopscrolla=false");
}
ann2.innerHTML="";
ann2.innerHTML =ann1.innerHTML;
ann1.innerHTML=ann2.innerHTML ann2.innerHTML;
setInterval("scrollUp1()",50);
}
function scrollUp1()
{
if(stopscrolla==true) return;
currentTopa =1;
if(currentTopa==21) //21为滚动的距离，也可自行调整
{
stoptimea =1;
currentTopa-=1;
if(stoptimea==50) //50为停顿的时间，自行设置
{
currentTopa=0;
stoptimea=0;
}
}
else
{
preTopa=ann1.scrollTop;
ann1.scrollTop =1;
if(preTopa==ann1.scrollTop)
{
ann1.scrollTop=ann2.offsetHeight-articleHeight;
ann1.scrollTop =1;
}
}
}
init_srolltext1();
</script>

查看更多 动易Cms教程 动易Cms模板

来源：模板无忧/所属分类：动易Cms教程/更新时间：2006-04-27

[收藏][报错][返回列表]

实现了公告无缝向上滚动(去掉了水平线)_动易Cms教程

动易Cms教程教程Rss订阅Cms教程搜索

动易Cms教程推荐

猜你也喜欢看这些