教程集 > 脚本编程 > javascript > 正文图片不间断向下滚动

图片不间断向下滚动

发布时间：2023-06-23 编辑：jiaochengji.com

教程集为您提供图片不间断向下滚动等资源，欢迎您收藏本站，我们将为您提供最新的图片不间断向下滚动资源

提示：您可以先修改部分代码再运行

<p><style type="text/css">    body{font-size:12px;text-align:center;}  .clear{clear:both;}  .hotSP{clear:both;}  .hotSP .hotSPlist{border:1px solid #D4D4D4;border-top:none;}  .hotSP .hotSPlist ul{clear:both;margin:0;padding:0;}  .hotSP .hotSPlist li{padding:0px;float:left;text-align:center;width:85px;list-style-type:none;margin: 0;}  .hotSP .hotSPlist a{display:block;line-height:26px;text-align:center;color:#000000;}  .hotSP .hotSPlist img{display:block;border:1px solid #CCCCCC;margin-left:5px !important;margin-left:0px;}</style></p>    <div id="clk_rmcp">  <div class="hotSP">  <div class="columnTitle">  <div class="title">热门产品</div>  </div>  <div class="hotSPlist">  <ul>      <li><img alt="" src="" /> 包装袋</li>      <li><img alt="" src="" /> 环保茶叶包装</li>      <li><img alt="" src="" /> 海胆礼盒</li>      <li><img alt="" src="" /> 比萨保温包</li>      <li><img alt="" src="" /> 庭院灯</li>  </ul>  <script type="text/javascript">  var marqueeContent1=new Array(); //滚动公告  marqueeContent1[0]='<li><img src="" border="0" />红枣原浆</li><li><img src="" border="0" />饮水设备</li><li><img src="" border="0" />油压机</li><li><img src="" border="0" />迷你直升飞机</li><li><img src="" border="0" />交直流电焊机</li>';  marqueeContent1[1]='<li><img src="" border="0" />磁力泵</li><li><img src="" border="0" />填料组件</li><li><img src="" border="0" />尼龙件</li><li><img src="" border="0" />软密封蝶阀</li><li><img src="" border="0" />女式毛衣</li>';  marqueeContent1[2]='<li><img src="" border="0" />同步熔断机</li><li><img src="" border="0" />手提袋</li><li><img src="" border="0" />水封截止阀</li><li><img src="" border="0" />三通调节阀</li><li><img src="" border="0" />温控器</li>';  var marqueeInterval1=new Array(); //定义一些常用而且要经常用到的变量  var marqueeId1=0;  var marqueeDelay1=3000;  var marqueeHeight1=110;  //接下来的是定义一些要使用到的函数  function initMarquee1() {  var str1=marqueeContent1[0];  document.write('<div id=marqueeBox1 style="clear:both;overflow:hidden;height:' marqueeHeight1 'px" onmouseover="clearInterval(marqueeInterval1[0])" onmouseout="marqueeInterval1[0]=setInterval('startMarquee1()',marqueeDelay1)"><ul>' str1 '</ul></div>');  marqueeId1  ;  marqueeInterval1[0]=setInterval("startMarquee1()",marqueeDelay1);  }  function startMarquee1() {  var str1=marqueeContent1[marqueeId1];  marqueeId1  ;  var m1=document.getElementById('marqueeBox1');  if(marqueeId1>=marqueeContent1.length) marqueeId1=0;  if(m1.childNodes.length==1) {  var nextLine1=document.createElement('ul');  nextLine1.innerHTML=str1;  m1.appendChild(nextLine1);  }  else {  var m1=document.getElementById('marqueeBox1');  m1.childNodes[0].innerHTML=str1;  m1.appendChild(m1.childNodes[0]);  m1.scrollTop=0;  }  clearInterval(marqueeInterval1[1]);  marqueeInterval1[1]=setInterval("scrollMarquee1()",13);  }  function scrollMarquee1() {  var m1=document.getElementById('marqueeBox1');  m1.scrollTop  ;  if(m1.scrollTop%marqueeHeight1==(marqueeHeight1-1)){  clearInterval(marqueeInterval1[1]);  }  }  </script><script type="text/javascript">initMarquee1();</script>  <div class="clear"> </div>  </div>  </div>  </div>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
Javascript实现图片上下左右滚动的代码
 JS不间断向上滚动效果代码一例
 40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
 jQuery 瀑布流浮动布局（一）(延迟AJAX加载图片)
jQuery+css实现图片滚动效果(附源码)
纯js向上下左右不间断无缝滚动图片的效果
 jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
Jquery实现图片左右自动滚动示例
 jQuery元素滚动插件 simplyScroll
jQuery新闻滚动插件 jquery.roller.js

上一篇：js查找替换

[关闭]

图片不间断向下滚动

最近更新

浏览排行