求div里js滚动遇到的问题. 代码是文字滚动从下向上滚动.
<h3> <!-- {if $site_news.info.page_count gt 1} --> <em class="more"> <a href="{url src=index.php?app=article&act=site_news}">{$lang.more} </a> </em> <!-- {/if} -->{$lang.site_news} </h3>
<div id="news_scroll_bar" style="overflow:hidden; height:180px;">
<div id="news_scroll_items" class="colboxcontent">
<ul>
<!-- {foreach from=$site_news.data item=article} -->
<li> <a href="{url src=index.php?app=article&act=site_news&id=$article.article_id}">{$article.title|escape} </a> </li>
<!-- {/foreach} -->
</ul>
</div>
<div id="news_scroll_replaces" class="colbtm"> </div>
</div>
</div>
<script language="javascript">
var news_scroll_bar = document.getElementById("news_scroll_bar");
var news_scroll_items = document.getElementById("news_scroll_items");
var news_scroll_replaces = document.getElementById("news_scroll_replaces");
var speed = 70;//滚动速度
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
var rows = 100;//每行高度
}
var stim = 10; //停留时间倍数 * speed
var stop = 10; //初始化值,不管
news_scroll_replaces.innerHTML=news_scroll_items.innerHTML
function Marquees(){
if(news_scroll_replaces.offsetTop-news_scroll_bar.scrollTop <=0)
news_scroll_bar.scrollTop-=news_scroll_items.offsetHeight
else{
news_scroll_bar.scrollTop++
}
}
var MyMars=setInterval(Marquees,speed)
news_scroll_bar.onmouseover=function() {clearInterval(MyMars)}
news_scroll_bar.onmouseout=function() {MyMars=setInterval(Marquees,speed)}
</script>
目前这段代码,走一走就停了. 而且速度有点慢. 求高人帮忙解决下.
相关推荐
js图片文字向左无缝滚动效果代码
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt;&lt;/head&gt; &lt;body&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;tit
文字自动循环滚动js函数
<!-- /********************************/ /* 文字自动循环滚动 */ /* IE6 FF1.0.4 */ /* 不支持xhtml声明的文档 */ /********************************/ //*********不要修改这部分*************** //scrollBodyId: String 内部滚动div
Js实现文字水平滚动
公司项目中有一个公告栏,写的时候我先想到了用marquee,于是发现了marquee有很多弊端,当文字全部显示完才出现新的文字,这样不是很友好,然后一查发现marquee这个标签已经被W3C标准废弃了,也就是不再支持使用这个标签了,于是我便用js+css去替代这个写法,并且做到类似无缝滚动的效果。直接上代码: html代码 <div id="scroll_div" class="fl...
JS实现新闻公告文字自动滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="t...
产教融合实训基地与实践中心建设逻辑图-可编辑版
产教融合实训基地与实践中心建设逻辑图-可编辑版


