js文字左右无缝滚动(js文字左右循环滚动)
js文字由左向右无间断滚动效果
script type="text/javascript"
var speed=30;
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft=0)
demo.scrollLeft-=demo1.offsetWidth;
else{
demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
/script
demo的css一定要设定width和overflow:hidden
div id="demo"
table border="0" cellspacing="0" cellpadding="0"
tr
td
div id="demo1"
table width="1000" height="172" border="0" cellpadding="0" cellspacing="0"
tr
td
文字放这里
/td
/tr
/table
/div
/td
td
div id="demo2"/div
/td
/tr
/table
/div
原理demo2复制demo1然后连成一行，demo1滚动完滚动demo2因为内容一样所以看不出来，demo2滚动完滚动demo1
javascript 模拟Marquee文字向左均匀滚动代码
可以实现匀速、无缝、加链接以及其它的修饰效果，本代码就是实现了这一功能，让文字从右至右平滑滚动，滚动宽度、高度、速度均可以设定。
Js文字向左运动
var
marqueewidth=350
var
marqueeheight=22
var
speed=5
var
marqueecontents='欢迎光临脚本之家
if
(document.all)
document.write(''+marqueecontents+'')
function
regenerate(){
window.location.reload()
}
function
regenerate2(){
if
(document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function
intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(''+marqueecontents+'')
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.width
scrollit()
}
function
scrollit(){
if
(document.cmarquee01.document.cmarquee02.left=thelength*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.left=marqueewidth
scrollit()
}
}
window.onload=regenerate2
[Ctrl+A
全选
注:如需引入外部Js需刷新才能执行]
js 实现文字多行多列无缝 循环滚动 且带停顿的
恩，可以百度搜索下“MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类)”这个JS封装类有你要的效果，调用起来也很方便，希望可以帮到你。
jQuery文字无缝滚动
jq有一个scroll.js插件，就是实现文字无缝滚动的。其使用方法也很简单。
①：在head/head标签里面引用文件 jquery.js，scroll.js，style.css；
②：调用相关的js；如：
script?type="text/javascript"
$(document).ready(function(){
????$('.list_lh?li:even').addClass('lieven');
????$("div.list_lh").myScroll({
????????speed:40,?//数值越大，速度越慢
????????rowHeight:68?//li的高度
????});
});
/script
PS：li的高度与rowHeight的值要一致，要不然的话会出现卡顿。