藍森林首頁 | 返回主頁 | 本站地圖 | 站內搜索 | 聯繫信箱 |
　您目前的位置：首頁 > 自由軟件 > 技術交流 > 應用編程


    

藍森林 http://www.lslnet.com 2006年8月25日 8:28

請教關於marquee設置循環滾動的問題

如題。請教諸位如何設置marquee的屬性，才可使其中的內容實現無間隙的循環滾動？

謝謝了先。

marquee不行
js結合iframe行

不會吧？我記得以前不知哪位寫過類似的代碼。不過找不到了！

正需要這個..up up

I服了YOU在上個帖子中說

「內容實現無間隙的循環滾動？」
這句話是什麼意思

就是說首尾相接啊，不出現空白。以往我們做marquee的滾動，當最後的元素（例如文字的最後一段或者圖片的最後一張）滾動過後，不都會出現一段空白的嘛？無間隙的循環就是不要這段空白出現。

http://new.digichina.net/bbs/newsdetail.asp?id=655275&posts=currentposts

LeXRus在上個帖子中說


在使用這個代碼的時候發現一個問題，
demo2.innerText=demo1.innerText
語句在重複帶有<font>等控制標籤的時候字體控制無效，我的解決辦法是通過動態程序在寫得時候直接寫了兩次，使得demo1和demo2標籤下的div強行保持一致，以此通過測試。
但是這是一個很顯然的笨辦法，在js內部用js程序本身這個問題該如何解決？

找找本論壇的"技術文檔", 應有盡有

[html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0044)http://ad4.sina.com.cn/book/ad/book_ad1.html -->
<HTML><HEAD><TITLE>讀書頻道_新浪網</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1276" name=GENERATOR>
<style type="text/css">
<!--
.style2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 20px;
}
-->
</style>
</HEAD>
<BODY leftMargin=0 topMargin=0 onload=init_srolltext(); marginwidth="5" marginheight="5">
<table width="100" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>        <DIV id=icefable1>
          <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="150" bgcolor="#000000">&nbsp;</td>
        </tr>
        <tr>
          <td height="150" bgcolor="#99CCCC">&nbsp;</td>
        </tr>
        <tr>
          <td height="150" bgcolor="#CC6600">&nbsp;</td>
        </tr>
        <tr>
          <td height="150" bgcolor="#6633CC">&nbsp;</td>
        </tr>
        <tr>
          <td height="150" bgcolor="#333399">&nbsp;</td>
        </tr>
        <tr>
          <td height="150" bgcolor="#FFCC00">&nbsp;</td>
        </tr>
      </table>
          <SCRIPT>
                marqueesHeight=150; //移動對像的長度為150px
stopscroll=false;
with(icefable1){
          style.width=100; //能顯示的寬度
          style.height=marqueesHeight; //把marqueesHeight的值賦給 顯示高度的對象
          style.overflowX="visible";
          style.overflowY="hidden";
          noWrap=true;
          onmouseover=new Function("stopscroll=true");
          onmouseout=new Function("stopscroll=false");
  }
  preTop=0; currentTop=150; stoptime=0;  //這裏修改currentTop的值
  icefable1.innerHTML+=icefable1.innerHTML;
  

function init_srolltext(){
  icefable1.scrollTop=0;
  setInterval("scrollUp()",1);
}init_srolltext();

function scrollUp(){
  if(stopscroll==true) return;
  currentTop+=1;
  if(currentTop==151) //這時數值是上長升長度+1
  {
          stoptime+=1;
          currentTop-=1;
          if(stoptime==500)
          {
                  currentTop=0;
                  stoptime=0;                 
          }
  }
  else {         
          preTop=icefable1.scrollTop;
          icefable1.scrollTop+=1;
          if(preTop==icefable1.scrollTop){
            icefable1.scrollTop=150;  //在這裏修改要上升的長度
            icefable1.scrollTop+=1;
            
          }
  }

}
               
                </SCRIPT>
              </DIV>        </td>
  </tr>
</table>
</BODY></HTML>

[/html]




需要等一會!

[轉貼]請教關於marquee設置循環滾動的問題

[color=red]此為轉貼：[/color]

[html]<base href="http://www.flash8.net">
   <div id=demo style=overflow:hidden;height:33;width:500;background:#214984;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="images/link/flashempire.gif"><img src="images/linklogo/shlogo.gif"><img src="images/link/deskcity.gif"><img src="images/linklogo/5dmeng.gif"><img src="http://www.blueidea.com/logo.gif"><img src="images/link/flashskylogo.gif"><img src="images/link/5dlogo88.gif"><img src="http://www.yiiboo.com/cgercn/link.gif"><img src="images/flash8.gif"></td><td id=demo2 valign=top></td></tr></table></div>
  <script>
  var speed=30
  demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
  function Marquee(){
  if(demo.scrollLeft<=0)
  demo.scrollLeft+=demo2.offsetWidth
  else{
  demo.scrollLeft--
  }
  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
[/html]
[html]<base href="http://www.flash8.net">
  <div id=demo style=overflow:hidden;height:55;width:255;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr>
      <td id=demo1 valign=top><img src="images/flash8.gif"><img src="images/link/flashempire.gif"><img src="images/linklogo/shlogo.gif"><img src="images/link/deskcity.gif"><img src="images/linklogo/5dmeng.gif"><img src="http://www.blueidea.com/logo.gif">td>
      <td id=demo2 valign=top></td></tr></table></div>
  <script>
  var speed=30
  demo2.innerHTML=demo1.innerHTML
  function Marquee(){
  if(demo2.offsetWidth-demo.scrollLeft<=0)
  demo.scrollLeft-=demo1.offsetWidth
  else{
  demo.scrollLeft++
  }
  }
  var MyMar=setInterval(Marquee,speed)
  demo.onmouseover=function() {clearInterval(MyMar)}
  demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  </script>
[/html]
[html]<base href="http://www.flash8.net">
<div id=demo style=overflow:hidden;height:100;width:90;background:#214984;color:#ffffff><div id=demo1>
<img src="images/flash8.gif">
<img src="images/link/flashempire.gif">
<img src="images/linklogo/shlogo.gif">
<img src="images/link/deskcity.gif">
<img src="images/linklogo/5dmeng.gif">
<img src="http://www.blueidea.com/logo.gif">
<img src="images/link/flashskylogo.gif">
<img src="images/link/5dlogo88.gif">
<img src="http://www.yiiboo.com/cgercn/link.gif">
</div>
<div id=demo2></div>
</div>
   <script>
   var speed=30
   demo2.innerHTML=demo1.innerHTML
   function Marquee(){
   if(demo2.offsetTop-demo.scrollTop<=0)
   demo.scrollTop-=demo1.offsetHeight
   else{
   demo.scrollTop++
   }
   }
   var MyMar=setInterval(Marquee,speed)
   demo.onmouseover=function() {clearInterval(MyMar)}
   demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
   </script>
[/html]
[html]<base href="http://www.flash8.net">
  <div id=demo style=overflow:hidden;height:100;width:90;background:#214984;color:#ffffff><div id=demo1>
  <img src="images/flash8.gif">
  <img src="images/link/flashempire.gif">
  <img src="images/linklogo/shlogo.gif">
  <img src="images/link/deskcity.gif">
  <img src="images/linklogo/5dmeng.gif">
  <img src="http://www.blueidea.com/logo.gif">
  <img src="images/link/flashskylogo.gif">
  <img src="images/link/5dlogo88.gif">
  <img src="http://www.yiiboo.com/cgercn/link.gif">
  </div>
  <div id=demo2></div>
  </div>
    <script>
    var speed=30
    demo2.innerHTML=demo1.innerHTML
    demo.scrollTop=demo.scrollHeight
    function Marquee(){
    if(demo1.offsetTop-demo.scrollTop>=0)
    demo.scrollTop+=demo2.offsetHeight
    else{
    demo.scrollTop--
    }
    }
    var MyMar=setInterval(Marquee,speed)
    demo.onmouseover=function() {clearInterval(MyMar)}
    demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
    </script>
  [/html] :D

redheartboy收集的東西多呀

[color=red]呵∼！[/color]

我想實現這樣一個效果，就是設一個按鈕，點擊後就運行一次marquee(即loop=1)，在marquee運行中點擊按鈕無效(這個實現不了也可以)。 請問如何編程，我不會用js，還請幫忙，謝謝！ :I :cool:


[ 關閉窗口 ]


Copyright © 1999-2000 LSLNET.COM. All rights reserved. 藍森林網站 版權所有。 E-mail : webmaster@lslnet.com