<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>
网页文字左右不间断滚动js代码
时间: 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