设为首页收藏本站订阅更新

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步,快速开始

搜索
查看: 22544|回复: 21

无间断滚动marquee的详细用法解析

[复制链接]
发表于 2005-4-11 00:42:30 | 显示全部楼层 |阅读模式
http://www.xiaoerhei.com/showlog.asp?log_id=707&cat_id=37



记得前阵子有个朋友(锅边)问我 无间断滚动
我也忘记了我当时在做什么了
随便上网拷了一段代码给他
实现是可以实现
但是太麻烦了
一大堆的代码
不静下心来是看不懂的   
趁着 今天有空
就来研究下 marquee 的终极用法
嘿嘿 ```

先看下 marquee 的html 属性
<MARQUEE ALIGN="…"     
  BEHAVIOR="…"  
  BGCOLOR="…"  
  DIRECTION="…"  
  HEIGHT="…"  
  WIDTH="…"  
  HSPACE="…"  
  VSPACE="…"  
  LOOP="…"  
  SCROLLAMOUNT="…"  
  SCROLLDELAY="…"  
  >…  
  </MARQUEE>  
align: --对其方式 LEFT,CENTER,RIGHT,TOP,BOTTOM (不用多说咯)
Behavior:--用于设定滚动的方式,主要由三种方式:
         behavior="scroll"--表示由一端滚动到另一端;
         behavior="slide":--表示由一端快速滑动到另一端,且不再重复;
         behavior="alternate" 默认值  --表示在两端之间来回滚动。
      看下例子把:
        

  1.            <marquee behavior="scroll">behavior="scroll"表示由一端滚动到另一端;</marquee>
  2.            <marquee behavior="slide">behavior="slide":表示由一端快速滑动到另一端,且不再重复;;</marquee>
  3.            <marquee behavior="alternate">behavior="alternate"表示在两端之间来回滚动。</marquee>
  4.          
复制代码

direction:--left(默认值) 左; right 右;up 上;down 下;
bgcolor--背景颜色
height--高度
weight--宽度
Hspace和vspace--分别用于设定滚动字幕的左右边框和上下边框的宽度。 作用大概和 css中的 margin 差不多`
scrollamount--用于设定每个连续滚动文本后面的间隔,该间隔用像素表示,
              以上是官方说法,其实就是滚动的速度,
              值不能太大,要不从视觉角度来说,是没反映的
              值越大速度越快 反之越慢咯 ```
scrolldelay--延迟时间
loop--这个属性大家也很熟悉把,循环次数; loop=-1的时候 一直重复循环 默认值
      

  1.         <marquee scrollamount="15">scrollamount="15" 15的时候 就很快了 </marquee>
  2.        <marquee scrollamount="5">scrollamount="5"  </marquee>
  3.        <marquee scrollamount="5" direction="up">scrollamount="5"direction="up" </marquee>
  4.        <marquee scrollamount="3" direction="right">scrollamount="3"direction="right" </marquee>
  5.        <marquee scrollamount="3" direction="left" loop="10">scrollamount="3" direction="left" loop="10" </marquee>
  6.       
复制代码


     
好 现在我们再来接触一些 Dcode 的一些知识
首先是两个鼠标事件
onmouseover 鼠标触发事件---当用户将鼠标指针移动到对象内时触发
onmouseout  鼠标滑出事件---当用户将鼠标指针移出对象边界时触发
这里要用到的是 this.start() 与this.stop()
onmouseover="this.stop();" onmouseout="this.start
意思就是 鼠标移到marquee的内容上的时候 停止循环
鼠标移开 marquee 又开始移动

  1. <marquee direction="up" onmouseover="this.stop();" onmouseout="this.start();">
  2. 阿米的眼泪<br>
  3. 眼泪的阿米<br>
  4. amily<br>
  5. </marquee>
复制代码


继续
innercode--设置或获取位于对象起始和结束标签内的 code
innerText--设置或获取位于对象起始和结束标签内的文本
scrollLeft-- 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop --设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
         PS:呵呵 大家不要和我以前一样想当然的还以为有scrollRigh和scrollDown
scrollDelay-- 设置或获取字幕滚动的速度
              要创建垂直滚动的字幕,请将其 scrollLeft 属性设定为 0。
              要创建水平滚动的字幕,请将其 scrollTop 属性设定为 0,这将覆盖任何脚本设置
scrollHeight-- 获取对象的滚动高度
scrollAmount--设置或获取介于每个字幕绘制序列之间的文本滚动像素数
offsetTop--获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
offsetLeft--获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetHeight--获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。
setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式
clearInterval 使用 setInterval 方法取消先前开始的间隔事件。

好 现在我们先看看 我佛山人(前辈呀)的一段程序

  1. <div id=ami style=overflow:hidden;height:50;width:150>
  2.         <div id=ami1>
  3. 我是打头的<br>
  4. 我向上运动<br>
  5. 我向上运动<br>
  6. 我向上运动<br>
  7. 我向上运动<br>
  8. 我向上运动<br>
  9. 我向上运动
  10.         </div>
  11.         <div id=ami2></div>
  12. </div>
  13. <script>
  14. var speed=30;
  15. ami2.innercode=ami1.innercode
  16. function Marquee()
  17. {
  18.         if(ami2.offsetTop-ami.scrollTop<=0)
  19.                 ami.scrollTop-=ami1.offsetHeight;
  20.         else
  21.                 ami.scrollTop++;
  22. }
  23. var MyMar=setInterval(Marquee,speed)
  24. ami.onmouseover=function() {clearInterval(MyMar)}
  25. ami.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  26. </script>
复制代码


好 上面的就是不间断滚动了
小子无才
只好翻译下 这段代码

<script>
var speed=30;   //设变量 滚动速度变量speed =30                  
ami2.innercode=ami1.innercode //复制ami1的code代码给ami2
function Marquee()
{
        if(ami2.offsetTop-ami.scrollTop<=0) //如果ami2.offset-ami.scrolltop<=0(也就是ami1的内容滚动结束)则ami2开始滚动
                ami.scrollTop-=ami1.offsetHeight; //ami.scrolltop此时的值为ami2滚动的长度
        else
                ami.scrollTop++;//否则ami1继续滚动咯
}
var MyMar=setInterval(Marquee,speed)//每隔30毫秒 执行一次
ami.onmouseover=function() {clearInterval(MyMar)} //鼠标移过 停止执行
ami.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//滑出 继续执行
</script>
大家不理解的话
看这个例子

  1. <MARQUEE id=m1 direction=up style="border-width:2px;border-style:solid;"
  2. width=200 height=200>向上</MARQUEE><BR>
  3. <!-- 单击此按钮可在字幕滚动时读取 scrollLeft 和 scrollTop 属性的值。 -->
  4. <BUTTON onclick="alert('scrolltop: ' + m1.scrollTop + ' scrollLeft: ' + m1.scrollLeft)">读取</BUTTON>
  5. <!-- 当字幕停止时,你可以设置水平字幕的 scrollLeft,或者设置垂直字幕的 scrollTop。 -->
  6. <BUTTON onclick="m1.stop();m1.scrollTop = 100;">停止并设置 scrollTop=30</BUTTON>
  7. <BUTTON onclick="m1.start();">开始</BUTTON>


复制代码


好的 接下来 同理可得

  1. <div id=demo style=overflow:hidden;height:85 onmouseover="ii=1" onmouseout="ii=0" >
  2. <div id=demo1>
  3. 我是打头的<br>
  4. 我向上运动<br>
  5. 我向上运动<br>
  6. 我向上运动<br>
  7. 我向上运动<br>
  8. 我向上运动<br>
  9. 我向上运动<br>
  10. 我向上运动<br>
  11. 我向上运动
  12. </div>
  13. <div id=demo2></div>

  14. <script>
  15. var ii=0;t=demo.scrollTop
  16. demo2.innercode=demo1.innercode
  17. function qswhMarquee(){
  18. if (ii==1)return
  19. if(demo2.offsetTop-demo.scrollTop<=0)
  20. demo.scrollTop-=demo1.offsetHeight
  21. else
  22. demo.scrollTop++
  23. }
  24. setInterval(qswhMarquee,60)
  25. </script></div>
复制代码


再同理......嘿嘿
  1. <div style="width:200px;height:150px;overflow:hidden" onmouseover="try{clearTimeout(timer1)}catch(e){;}" onmouseout="timer1=setInterval('newsScroll()',10)">
  2. <table cellspacing=0 cellpadding=5 bgcolor=#F8F8F8 style="position:relative;top:0px;width:200px;table-layout:fixed" id=news>
  3.   <tbody>
  4.   <tr>
  5.     <td valign=top height=150>
  6.       <b>新闻一</b><br>
  7.   我是打头的<br>
  8. 我向上运动<br>
  9. 我向上运动<br>
  10. 我向上运动
  11.     </td>
  12.   </tr>
  13.   <tr>
  14.     <td valign=top height=150>
  15.       <b>新闻二</b><br>
  16.     我是打头的<br>
  17. 我向上运动<br>
  18. 我向上运动<br>
  19. 我向上运动<br>
  20.     </td>
  21.   </tr>
  22.   <tr>
  23.     <td valign=top height=150>
  24.       <b>新闻三</b><br>
  25.      我是打头的<br>
  26. 我向上运动<br>
  27. 我向上运动<br>
  28.     </td>
  29.   </tr>
  30.   </tbody>
  31.   <script language=javascript>
  32.     //重复一次新闻内容
  33.     document.write(news.tBodies[0].innercode)
  34.   </script>
  35. </table>
  36. </div>

  37. <script language=javascript>
  38.   //实现不间断滚动
  39.   function newsScroll()
  40.   {
  41.     news.style.pixelTop=(news.style.pixelTop-1)%(news.clientHeight/2);
  42.   }
  43.   timer1=setInterval('newsScroll()',10)  //更改第二个参数可以改变速度,值越小,速度越快。
  44. </script>
复制代码


以上都是 向上无间断的
接着给出向下的`````


  1. <div id=ami style=overflow:hidden;height:50;width:150>
  2.         <div id=ami1>
  3. 我是打头的<br>
  4. 我向上运动<br>
  5. 我向上运动<br>
  6. 我向上运动<br>
  7. 我向上运动<br>
  8. 我向上运动<br>
  9. 我向上运动
  10.         </div>
  11.         <div id=ami2></div>
  12. </div>

  13. <script>
  14. var speed=30
  15. ami2.innercode=ami1.innercode
  16. ami.scrollTop=ami.scrollHeight
  17. function Marquee(){
  18. if(ami1.offsetTop-ami.scrollTop>=0)
  19. ami.scrollTop+=ami2.offsetHeight
  20. else{
  21. ami.scrollTop--
  22. }
  23. }
  24. var MyMar=setInterval(Marquee,speed)
  25. ami.onmouseover=function() {clearInterval(MyMar)}
  26. ami.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  27. </script>
复制代码
发表于 2005-4-22 20:12:37 | 显示全部楼层
超强 谢谢了已经收藏
发表于 2005-4-23 13:00:07 | 显示全部楼层

对不起,有bug

  1. <div id=ami style=overflow:hidden;height:50;width:150>
  2.         <div id=ami1>
  3. 我是打头的<br>
  4. 我向上运动<br>
  5.         </div>
  6.         <div id=ami2></div>
  7. </div>
  8. <script>
  9. var speed=30;
  10. ami2.innercode=ami1.innercode
  11. function Marquee()
  12. {
  13.         if(ami2.offsetTop-ami.scrollTop<=0)
  14.                 ami.scrollTop-=ami1.offsetHeight;
  15.         else
  16.                 ami.scrollTop++;
  17. }
  18. var MyMar=setInterval(Marquee,speed)
  19. ami.onmouseover=function() {clearInterval(MyMar)}
  20. ami.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  21. </script>
复制代码

[ 本帖由 wolf_198 最后编辑于 2005-4-23 13:03 ]
发表于 2005-4-23 13:06:36 | 显示全部楼层

在我的机器上调试发现!!

在我的机器上调试发现,如果是两行的话,ami.scrollTop最多到22的时候就不在增加了,望高手更正
发表于 2005-4-23 14:19:15 | 显示全部楼层

看下面的代码


  1. <div id=ami style=overflow:hidden;height:50;width:150>
  2.     <div id=ami1>
  3. 我是打头的<br>
  4. 我向上运动<br>
  5.     </div>
  6.     <div id=ami2></div>
  7. </div>
  8. <script>
  9. var speed=30;
  10. ami2.innerHTML=ami1.innerHTML
  11. function Marquee()
  12. {scrollTop1.value=ami.scrollTop;
  13. scrollHeight1.value=ami.scrollHeight;
  14. offsetTop1.value=ami.offsetTop;
  15. offsetHeight1.value=ami.offsetHeight;

  16. scrollTop2.value=ami1.scrollTop;
  17. scrollHeight2.value=ami1.scrollHeight;
  18. offsetTop2.value=ami1.offsetTop;
  19. offsetHeight2.value=ami1.offsetHeight;

  20. scrollTop3.value=ami2.scrollTop;
  21. scrollHeight3.value=ami2.scrollHeight;
  22. offsetTop3.value=ami2.offsetTop;
  23. offsetHeight3.value=ami2.offsetHeight;
  24.     if(ami2.offsetTop-ami.scrollTop<=0)
  25.         ami.scrollTop-=ami1.offsetHeight;
  26.     else
  27.         ami.scrollTop++;
  28. }
  29. var MyMar=setInterval(Marquee,speed)
  30. ami.onmouseover=function() {clearInterval(MyMar)}
  31. ami.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  32. </script>
  33. <nobr>ami.scrollTop:<input type=text id="scrollTop1">ami.scrollHeight:<input type=text id="scrollHeight1">ami.offsetTop<input type=text id="offsetTop1">ami.offsetHeight:<input type=text id="offsetHeight1"></nobr>
  34. <nobr>ami1.scrollTop:<input type=text id="scrollTop2">ami1.scrollHeight:<input type=text id="scrollHeight2">ami1.offsetTop<input type=text id="offsetTop2">ami1.offsetHeight:<input type=text id="offsetHeight2"></nobr>
  35. <nobr>ami2.scrollTop:<input type=text id="scrollTop3">am2.scrollHeight:<input type=text id="scrollHeight3">ami2.offsetTop<input type=text id="offsetTop3">ami2.offsetHeight:<input type=text id="offsetHeight3"></nobr>
复制代码
发表于 2005-4-23 21:43:10 | 显示全部楼层
怎么没人回答,我顶!!!
 楼主| 发表于 2005-4-24 15:43:59 | 显示全部楼层
代码更正如下:

  1. <div id=ami style=overflow:hidden;height:50;width:150>
  2.     <div id=ami1>
  3. 我是打头的<br>
  4. 我向上运动<br>
  5. 我向上运动<br>
  6. 我向上运动<br>
  7. 我向上运动<br>
  8. 我向上运动<br>
  9. 我向上运动
  10.     </div>
  11.     <div id=ami2></div>
  12. </div>
  13. <script>
  14. var speed=30;
  15. ami2.innerHTML=ami1.innerHTML
  16. function Marquee()
  17. {
  18.     if(ami2.offsetTop-ami.scrollTop<=0)
  19.         ami.scrollTop-=ami1.offsetHeight;
  20.     else
  21.         ami.scrollTop++;
  22. }
  23. var MyMar=setInterval(Marquee,speed)
  24. ami.onmouseover=function() {clearInterval(MyMar)}
  25. ami.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  26. </script>
复制代码

[ 本帖由 阿米的眼泪 最后编辑于 2005-4-24 15:47 ]
 楼主| 发表于 2005-4-24 15:56:49 | 显示全部楼层
只有两行不能显示


呵呵```
原来代码设定的div的高时 50px
但是你只两行字 加起来的高远小于50px
所以 不可以实现
现在我们把高度调小点 就可以实现了
  1. <div id=ami style=overflow:hidden;height:30;width:150>
  2.     <div id=ami1>
  3. 我是打头的<br>
  4. 我向上运动
  5.     </div>
  6.     <div id=ami2></div>
  7. </div>
  8. <script>
  9. var speed=30;
  10. ami2.innerHTML=ami1.innerHTML
  11. function Marquee()
  12. {
  13.     if(ami2.offsetTop-ami.scrollTop<=0)
  14.         ami.scrollTop-=ami1.offsetHeight;
  15.     else
  16.         ami.scrollTop++;
  17. }
  18. var MyMar=setInterval(Marquee,speed)
  19. ami.onmouseover=function() {clearInterval(MyMar)}
  20. ami.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  21. </script>
复制代码

[ 本帖由 阿米的眼泪 最后编辑于 2005-4-24 15:59 ]
发表于 2005-4-24 19:16:23 | 显示全部楼层
谢谢回贴,研究中
发表于 2005-11-19 01:10:41 | 显示全部楼层
引用内容由 阿米的眼泪 发表于 2005-4-24 15:56


呵呵```
原来代码设定的div的高时 50px
但是你只两行字 加起来的高远小于50px
所以 不可以实现
现在我们把高度调小点 就可以实现了
[code]<div id=ami style=overflow:hidden;height:30;width:150&g ...

好,不错,如果向左或向右呢!!
还有,代码放html代码的什么位置呢
发表于 2006-1-25 17:57:53 | 显示全部楼层
请问楼主,如果是,两个同在一个页面的,每个都具有相同的功能,只是方向跑得不一样,当鼠标移上去时停止,如何让它们互不影响。。
发表于 2006-1-30 16:04:23 | 显示全部楼层
不错啊。
发表于 2006-2-6 10:51:30 | 显示全部楼层
不错
发表于 2006-2-12 11:34:37 | 显示全部楼层
引用内容由 m++ 发表于 2006-1-25 17:57
请问楼主,如果是,两个同在一个页面的,每个都具有相同的功能,只是方向跑得不一样,当鼠标移上去时停止,如何让它们互不影响。。


设置ID不同就行了,如
把ami改为xx
把ami1改为xx1
把ami2改为xx2
发表于 2006-3-9 17:30:25 | 显示全部楼层
好创意。
修正了下滚完一次后停顿一小次的bug.

  1. <div id=ami style=overflow:hidden;height:50;width:150>
  2.         <div id=ami1>
  3. 我是打头的<br>
  4. 我向上运动<br>
  5. 我向上运动<br>
  6. 我向上运动<br>
  7. 我向上运动<br>
  8. 我向上运动<br>
  9. 我向上运动
  10.         </div>
  11.         <div id=ami2></div>
  12. </div>
  13. <script>
  14. var speed=30;
  15. ami2.innerHTML=ami1.innerHTML
  16. function Marquee()
  17. {
  18.         if(ami2.offsetTop-ami.scrollTop<=0)
  19.                 ami.scrollTop-=(ami1.offsetHeight-1); //修改
  20.         else
  21.                 ami.scrollTop++;
  22. }
  23. var MyMar=setInterval(Marquee,speed)
  24. ami.onmouseover=function() {clearInterval(MyMar)}
  25. ami.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
  26. </script>
复制代码
 楼主| 发表于 2006-3-10 01:21:46 | 显示全部楼层
哈 去年的帖子还在呀
发表于 2006-3-10 08:30:25 | 显示全部楼层
好帖常在呀.
发表于 2006-3-12 10:03:17 | 显示全部楼层
再完善一下程序

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. <!--
  5. .test {
  6.         font-size: 12px;
  7.         line-height: normal;
  8.         text-decoration: none;
  9. }
  10. -->
  11. </style>
  12. <head>
  13. <body>
  14. <div id="layer1" style="overflow-y:hidden;width:50;">
  15.     <div id="layer2">
  16. <table width="130" height="70" border="0" align="center" cellpadding="0" cellspacing="0" class="test">
  17.               <tr>
  18.                 <td width="150" height="70" valign="top" bgcolor="#FFFFFF" class="nav1style style46">
  19. <center>第(1)条</center>
  20. <a href="aspfile/show_article.asp?id=3038" title="关于<<电气工程自动化>>研究生班授课的通知" class="none_underline" target="_blank"><font color=#ff0000>关于<<电气工程自动化>>研究生班授课的通知&nbsp;2006-3-9</font></a><br><br>

  21. <center>第(2)条</center>
  22. <a href="aspfile/show_article.asp?id=3036" title="关于企业管理研究生班授课的通知" class="none_underline" target="_blank"><font color=#ff0000>关于企业管理研究生班授课的通知&nbsp;2006-3-8</font></a><br><br>
  23. </td>
  24.               </tr>
  25.       </table>
  26.         </div>
  27.         <div id="layer3">
  28.         </div>
  29. </div>
  30. <script language="javascript">
  31.     var layerHeight = 100; // 定义滚动区域的高度.
  32.         var iFrame = 1; // 定义每帧移动的象素.
  33.         var iFrequency = 50; // 定义帧频率.
  34.         var timer; // 定义时间句柄.
  35.     if(document.getElementById("layer2").offsetHeight >= layerHeight)
  36.             document.getElementById("layer1").style.height = layerHeight;
  37.         else
  38.             document.getElementById("layer1").style.height = document.getElementById("layer2").offsetHeight;
  39.         document.getElementById("layer3").innerHTML = document.getElementById("layer2").innerHTML;
  40.         function move(){
  41.             if(document.getElementById("layer1").scrollTop >= document.getElementById("layer2").offsetHeight)
  42.                     document.getElementById("layer1").scrollTop -= (document.getElementById("layer2").offsetHeight - iFrame)
  43.                 else
  44.                     document.getElementById("layer1").scrollTop += iFrame
  45.         }
  46.         timer = setInterval("move()",iFrequency);
  47.         document.getElementById("layer1").onmouseover=function() {clearInterval(timer);}
  48.     document.getElementById("layer1").onmouseout=function() {timer=setInterval("move()",iFrequency);}
  49. </script>
  50. </body>
  51. </html>
复制代码
发表于 2006-3-14 09:37:55 | 显示全部楼层
7楼、15楼、18楼的代码都是可行的。
发表于 2009-3-26 22:39:39 | 显示全部楼层
自己写的一个,带注释,绝对可用。
  1. <div id="marquees">
  2.             <div style="line-height:19px;">
  3.               我是打头的<br>
  4.               我向上运动<br>
  5.               我向上运动<br>
  6.               我向上运动<br>
  7.               我向上运动<br>
  8.               我向上运动<br>
  9.               我向上运动
  10.             </div>
  11.             </div>
  12.                         <script language="javascript">
  13. <!--
  14. marqueesHeight=150; //内容区高度
  15. stopscroll=false; //这个变量控制是否停止滚动
  16. with(marquees){
  17. noWrap=true; //这句表内容区不自动换行
  18. style.width=0; //于是我们可以将它的宽度设为0,因为它会被撑大
  19. style.height=marqueesHeight;
  20. style.overflowY="hidden"; //滚动条不可见
  21. onmouseover=new Function("stopscroll=true"); //鼠标经过,停止滚动
  22. onmouseout=new Function("stopscroll=false"); //鼠标离开,开始滚动
  23. }
  24. //这时候,内容区的高度是无法读取了。下面输出一个不可见的层"templayer",稍后将内容复制到里面:
  25. document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
  26. function init(){ //初始化滚动内容
  27. //多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度:
  28. while(templayer.offsetHeight<marqueesHeight){
  29. templayer.innerHTML+=marquees.innerHTML;
  30. } //把"templayer"的内容的“两倍”复制回原内容区:
  31. marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
  32. //设置连续超时,调用"scrollUp()"函数驱动滚动条:
  33. setInterval("scrollUp()",20);
  34. }
  35. document.body.onload=init;
  36. preTop=0; //这个变量用于判断滚动条是否已经到了尽头
  37. function scrollUp(){ //滚动条的驱动函数
  38. if(stopscroll==true) return; //如果变量"stopscroll"为真,则停止滚动
  39. preTop=marquees.scrollTop; //记录滚动前的滚动条位置
  40. marquees.scrollTop+=1; //滚动条向下移动一个像素
  41. //如果滚动条不动了,则向上滚动到和当前画面一样的位置
  42. //当然不仅如此,同样还要向下滚动一个像素(+1):
  43. if(preTop==marquees.scrollTop){
  44. marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
  45. }
  46. }
  47. -->
  48. </script>
复制代码
您需要登录后才可以回帖 登录 | 加入无忧

本版积分规则

小黑屋|手机版|Archiver|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445   鄂公网安备 42011102000433号

GMT+8, 2017-11-23 19:05 , Processed in 0.105151 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表