网页文字左右不间断滚动js代码

<style type="text/css">  #gongao{width:1000px;height:30px;overflow:hidden;line-height:30px;font-size:13px;font-family:'宋体';background:#DDE5ED;color:#0C77CF;font-weight:bold;}  #gongao #scroll_begin, #gongao #scroll_end{display:inline}  </style>  <script type="text/javascript">  function ScrollImgLeft(){  var speed=50;  var scroll_begin = document.getElementById("scroll_begin");  var scroll_end = document.getElementById("scroll_end");  var scroll_div = document.getElementById("scroll_div");  scroll_end.innerHTML=scroll_begin.innerHTML;  function Marquee(){  if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)  scroll_div.scrollLeft-=scroll_begin.offsetWidth;  else  scroll_div.scrollLeft++;  }  var MyMar=setInterval(Marquee,speed);  scroll_div.onmouseover=function() {clearInterval(MyMar);}  scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed);}  }  </script>  <div id="gongao">  <div style="width:900px;height:30px;margin:0 auto;white-space: nowrap;overflow:hidden;" id="scroll_div" class="scroll_div">  <div id="scroll_begin">  ${affiche.content} ${affiche.content} ${affiche.content}  ${affiche.content} ${affiche.content} ${affiche.content}  </div>  <div id="scroll_end"></div>  </div>  <script type="text/javascript">ScrollImgLeft();</script>  </div>

时间: 2024-10-26 08:10:26

网页文字左右不间断滚动js代码的相关文章

网页文字连续不间断滚动的特效代码

<div id="marquees"> <!-- 这些是字幕的内容,你可以任意定义 --> <a href=http://www.jzread.com/web/js/2010-01-08/376.html>滚动的文字链接1</a> <br> <a href=http://www.jzread.com/web/js/2010-01-08/376.html>滚动的文字链接2</a> <br> &

JS不间断滚动特效代码

 代码如下 复制代码 /*MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.65*         应用说明:页面包含<script type="text/javascript" src="MSClass.js"></script>    创建实例:   //参数直接赋值法   new Marquee("marquee")   new Marquee("mar

再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)_javascript技巧

再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6) /*MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.6*\ 制作时间:2006-08-29 (Ver 0.5) 发布时间:2006-08-31 (Ver 0.8) 更新时间:2007-01-31 (Ver 1.6) 更新说明: + 加入功能 * 修正.完善        1.6.070131                +

不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了_javascript技巧

/*MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.6*\  制作时间:2006-08-29 (Ver 0.5)  发布时间:2006-08-31 (Ver 0.8)  更新时间:2007-01-31 (Ver 1.6)  更新说明: + 加入功能 * 修正.完善      1.6.070131          + 禁止鼠标控制暂停或继续 (将第9个参数设置为-1或者动态赋值将ScrollSetp设置为-1)          + 判断是

无意中找到的一个“通用不间断滚动JS封装类”

具体没有测试过,先记录下来,以做备用! 代码 <!--/*MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类) Ver 1.65*\ 制作时间:2006-08-29 (Ver 0.5) 发布时间:2006-08-31 (Ver 0.8) 更新时间:2007-12-28 (Ver 1.65) 更新说明: + 加入功能 * 修正.完善    1.65.071228        * 横向.纵向滚动格式调整 (解决横向滚动换行的问题,无需特殊设置)        

jquery插件之文字间歇自动向上滚动效果代码_jquery

本文实例讲述了jquery插件之文字间歇自动向上滚动效果代码.分享给大家供大家参考,具体如下: 此插件旨在实现目前较为流行的文字间歇向上滚动特效,当鼠标移动到文字上时,向上滚动会停止,当鼠标离开时,向上滚动继续.整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quo

可控制图片左右滚动js代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

Class Of Marquee Scroll通用不间断滚动JS封装类第1/2页_lib_js

制作时间:2006-08-29 (Ver 0.5) 发布时间:2006-08-31 (Ver 0.8) 更新时间:2007-12-28 (Ver 1.65) 更新说明: + 加入功能 * 修正.完善     1.65.071228         * 横向.纵向滚动格式调整 (解决横向滚动换行的问题,无需特殊设置)         * 彻底解决由于IE问题导致上下滚动页面留白的问题 (本次更新主要解决此问题,感谢天上的书生参与测试)     1.6.070131         + 禁止鼠标控制

纯文字版返回顶端的js代码

这篇文章介绍了纯文字版返回顶端的js代码,有需要的朋友可以参考一下   复制代码 代码如下: <script language="javascript"> var goto_top_type = -1; var goto_top_itv = 0; function goto_top_timer() {  var y = goto_top_type == 1 ? document.documentElement.scrollTop    : document.body.scr