软件开发培训班 >> 编程开发 >> JavaScript

滚动效果

　　本文标签：滚动效果

<P><div id="adsfar">
  <table width="100%" border="0" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
    <tr>
      <td bgcolor="#FFFFFF">1</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">2</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">3</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">4</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">5</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">6</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">7</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">8</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">9</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">10</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">11</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">12</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">13</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">14</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">15</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">16</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">17</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">18</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">19</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">20</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">21</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">22</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">23</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">24</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">25</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">26</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">27</td>
    </tr>
    <tr>
      <td bgcolor="#FFFFFF">28</td>
    </tr>
  </table>
</div>
<script type="text/javascript">
marque(320,196,"icefable1","box1left")
var scrollElem;
var stopscroll;
var stoptime;
var preTop;
var leftElem;
var currentTop;
var marqueesHeight;
function marque(width,height,marqueName,marqueCName){
 try{
   marqueesHeight = height;
   stopscroll     = false;</P>
<P>   scrollElem = document.getElementById("adsfar");
   with(scrollElem){
  style.width     = width;
  style.height    = marqueesHeight;
  style.overflow  = hidden;
  noWrap          = true;
   }</P>
<P>   scrollElem.onmouseover = new Function(stopscroll = true);
   scrollElem.onmouseout  = new Function(stopscroll = false);</P><div class="tj_content hidden-xs"><table width=600 border=0 cellspacing=0 cellpadding=2 align=center class=title14><tr align=center><td><a href="http://www.zhujiangroad.com/web/news/2022/1m84459.html"  target=_blank > 快递为何“送不上门”？难点在哪？ </a></td><td><a href="http://www.zhujiangroad.com/web/news/2021/5m83242.html"  target=_blank > 马斯克暗示特斯拉或已经出售所持比特币 </a></td></tr> <tr align=center><td><a href="http://www.zhujiangroad.com/dc/news/2023/3m87414.html"  target=_blank > 数码单反用SSD存储？转接器来了 </a></td><td><a href="http://www.zhujiangroad.com/net/news/2022/5a17629.html"  target=_blank > 有线网比无线网快，是真的咩？ </a></td></tr></table></div>
<P>   preTop     = 0; 
   currentTop = 0; 
   stoptime   = 0;</P>
<P>   leftElem = document.getElementById("adsfar");
   scrollElem.appendChild(leftElem.cloneNode(true));
    
   init_srolltext();</P>
<P> }catch(e) {}
}
function init_srolltext(){
  scrollElem.scrollTop = 0;
  setInterval(scrollUp(), 18);
}</P>
<P>function scrollUp(){
  if(stopscroll) return;
  currentTop += 1;
  if(currentTop == marqueesHeight+1) {
    stoptime += 1;
    currentTop -= 1;
    if(stoptime == (marqueesHeight)*1) {//停顿
工夫
      currentTop = 0;
      stoptime = 0;
    }
  }else{</P>
<P>    preTop = scrollElem.scrollTop;
    scrollElem.scrollTop += 1;
    if(preTop == scrollElem.scrollTop){
      scrollElem.scrollTop = marqueesHeight;
      scrollElem.scrollTop += 1;
    }
  }
}
</Script></P><div class="tj_content hidden-xs"><table width=600 border=0 cellspacing=0 cellpadding=2 align=center class=title14><tr align=center><td><a href="http://www.zhujiangroad.com/web/news/2021/7m83548.html"  target=_blank > 腾讯再也无法垄断“周杰伦”？ </a></td><td><a href="http://www.zhujiangroad.com/web/news/2021/8m83731.html"  target=_blank > 百度怎么又被打回原型了？ </a></td></tr> <tr align=center><td><a href="http://www.zhujiangroad.com/web/news/2020/4m81552.html"  target=_blank > 三年败光一百多亿，那个为自己代言的陈欧，现在过得还好吗 </a></td><td><a href="http://www.zhujiangroad.com/mobile/news/2020/5m81638.html"  target=_blank > 4G卡没开5G套餐也能用5G 新时代知道这些不翻车 </a></td></tr></table></div>
<P>

技术文章快速查找

2011年度最佳jQuery插件揭晓（附下载）

jquery自定义函数的多种方法

Javascript实例教程(19) 使用HoTMetal(1)

js实现图片旋转的三种方法

将字符串中由空格隔开的每个单词首字母大写

您的WebApp真的需要jQuery吗？

一个收集图片的bookmarlet(js 刷新页面中的图片)

js 模仿网上的限时抢购效果

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建