高分求解. js 文字滚动难题

Question

为什么不用marquee标签呢,何必要用javascript去做

Answer 1

目前这段代码,走一走就停了.<ul> </ul>中（解析后）的内容需要足够多--大约<ul>的实际高度>180px 而且速度有点慢. 
var speed  = 70;//滚动速度
--try: var speed  = 20;//滚动速度<style>
*{margin:0;line-height:24px;}
</style><div id="latest_site_news" class="colbox"> 
  <h3> <!-- {if $site_news.info.page_count gt 1} --> <em class="more"> <a href="{url src=index.php?app=article&amp;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> 1<a href="{url src=index.php?app=article&amp;act=site_news&amp;id=$article.article_id}">{$article.title|escape} </a> </li> 
      <li> 2<a href="{url src=index.php?app=article&amp;act=site_news&amp;id=$article.article_id}">{$article.title|escape} </a> </li> 
      <li> 3<a href="{url src=index.php?app=article&amp;act=site_news&amp;id=$article.article_id}">{$article.title|escape} </a> </li> 
      <li> 4<a href="{url src=index.php?app=article&amp;act=site_news&amp;id=$article.article_id}">{$article.title|escape} </a> </li> 
      <li> 5<a href="{url src=index.php?app=article&amp;act=site_news&amp;id=$article.article_id}">{$article.title|escape} </a> </li> 
      <li> 6<a href="{url src=index.php?app=article&amp;act=site_news&amp;id=$article.article_id}">{$article.title|escape} </a> </li> 
      <li> 7<a href="{url src=index.php?app=article&amp;act=site_news&amp;id=$article.article_id}">{$article.title|escape} </a> </li> 
      <li> 8<a href="{url src=index.php?app=article&amp;act=site_news&amp;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  = 20;//滚动速度 alert(news_scroll_items.offsetHeight)
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 +20
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> 

Answer 2

http://www.web-pifa.com/网站效果见  站内快讯栏目. 不知道为什么还报个错. 

Answer 3

try:
<div id="news_scroll_replaces" class="2_colbtm"> </div>---->:<div id="news_scroll_replaces" class="colboxcontent"> </div> 

Answer 4

更正以下
<div id="news_scroll_replaces" class="2_colbtm"> </div> 应为
<div id="news_scroll_replaces" class="colbtm"> </div> 

Answer 5

把那段代码.改成<div id="news_scroll_replaces" class="colboxcontent"> </div>和<div id="news_scroll_replaces" class="2_colbtm"> </div> 
呢?

Answer 6

caiying2009有没有其它的联系方式呢? 呵~ 咱们交个朋友呗.哈. 

Answer 7

上面那段代码中没有找到<div id="news_scroll_replaces" class="2_colbtm"> </div> 这些代码.呵~  在那呢?

Answer 8

#10
抱歉
不是
<div id="news_scroll_replaces" class="2_colbtm"> </div> (我测试时改的,忘改回来了)应为 
<div id="news_scroll_replaces" class="colbtm"> </div>

Answer 9

打开报错,不知道是怎么回事. 显示什么windows    什么0  确定.

Answer 10

把<div id="news_scroll_replaces" class="colbtm"> </div> 改成: <div id="news_scroll_replaces" class="colboxcontent"> </div>  吗?

Answer 11

try: <td id="region7" class="columnb"><style>
*{margin:0;line-height:24px;}
</style>
<div id="latest_site_news" class="colbox"> 
  <h3> 站内快讯 </h3> 
  
<div id="news_scroll_bar" style="overflow:hidden; height:180px;"> 
  <div id="news_scroll_items" class="colboxcontent"> 
  <ul> 
            <li><a href="index.php?app=article&amp;act=site_news&amp;id=6">测试滚动效果 </a> </li> 
             <li><a href="index.php?app=article&amp;act=site_news&amp;id=7">协议免费开店协议免费开店协议免费开店协议免费开店协议协议免费开店协议 </a> </li> 
             <li><a href="index.php?app=article&amp;act=site_news&amp;id=8">网站简介 网站简介 网站简介 网站简介 网站简介 网站简介 网站简介 </a> </li> 
             <li><a href="index.php?app=article&amp;act=site_news&amp;id=9">sdffffffffffffffffffffffffffffffffffffffffffffffff </a> </li> 
             <li><a href="index.php?app=article&amp;act=site_news&amp;id=10">dfdfffffffffffffffffffffffffffffffffffffffffffffffff </a> </li> 
             <li><a href="index.php?app=article&amp;act=site_news&amp;id=11">测试测试测试测试测试测试测试测试测试测试测试测试测试测试 </a> </li> 
             <li><a href="index.php?app=article&amp;act=site_news&amp;id=12">公告公告公告公告公告公告公告公告公告公告公告 </a> </li> 
        
    </ul> 
  </div> 
  <div id="news_scroll_replaces" class="colboxcontent"> </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  = 20;//??ٶ?
//alert(news_scroll_items.offsetHeight)
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 +20
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></td>

Answer 12

看到了,跑起来了^_^
<div id="latest_site_news" class="colbox"> </div>
及其里面的样式再调整一下更好

Answer 13

  <ul> 
            <li><a href="index.php?app=article&amp;act=site_news&amp;id=6">测试滚动效果 </a> </li> 
             <li><a href="index.php?app=article&amp;act=site_news&amp;id=7">协议免费开店协议免费开店协议免费开店协议免费开店协议协议免费开店协议 </a> </li> 
             <li><a href="index.php?app=article&amp;act=site_news&amp;id=8">网站简介 网站简介 网站简介 网站简介 网站简介 网站简介 网站简介 </a> </li> 
             <li><a href="index.php?app=article&amp;act=site_news&amp;id=9">sdffffffffffffffffffffffffffffffffffffffffffffffff </a> </li> 
             <li><a href="index.php?app=article&amp;act=site_news&amp;id=10">dfdfffffffffffffffffffffffffffffffffffffffffffffffff </a> </li> 
             <li><a href="index.php?app=article&amp;act=site_news&amp;id=11">测试测试测试测试测试测试测试测试测试测试测试测试测试测试 </a> </li> 
             <li><a href="index.php?app=article&amp;act=site_news&amp;id=12">公告公告公告公告公告公告公告公告公告公告公告 </a> </li> 
        
    </ul> 
换成:
  <ul> 
      <!-- {foreach from=$site_news.data item=article} --> 
      <li> <a href="{url src=index.php?app=article&amp;act=site_news&amp;id=$article.article_id}">{$article.title|escape} </a> </li> 
      <!-- {/foreach} --> 
    </ul> 
了吗?

Answer 14

#19
<div id="latest_site_news" class="colbox"> </div> 
及其里面的样式再调整一下更好
(例如:padding/margin/line-height等)

Answer 15

直接在<div id="latest_site_news" class="colbox"> </div> 这个里面加吗?  

Answer 16

试试这个
      <div style="border=1px solid gray;"><MARQUEE HEIGHT=170 DIRECTION=UP BEHAVIOR=SCROLL SCROLLAMOUNT=10 SCROLLDELAY=200 onMouseOver="this.stop()" onMouseOut="this.start()">
  ·2007年9月无忧指数IT图解<BR>
  ·3G售前技术工程师<BR>
  ·3G软件工程师<BR>
     
      </MARQUEE>
  </div>
<div style="width:95%;"><MARQUEE WIDTH=100% DIRECTION=LEFT BEHAVIOR=SCROLL SCROLLAMOUNT=10 SCROLLDELAY=200 onMouseOver="this.stop()" onMouseOut="this.start()">
  汽车销售公司    武汉昆天华有限公司      深圳市爱迪电子科技有限公司      伊沙美尔 
  </MARQUEE>
</div>