js实现无缝字幕滚动效果

无缝圆形跑马灯滚动js代码的实现，兼容IE，Firefox，Chrome，供大家参考，具体内容如下

第一个是CSS和HTML，如下所示：
{ # marquee_zxd
border: 1px solid红；
白色的空间：不换行；
溢出：隐藏；
宽度：500px；
5px垫上；

}

# marquee_zxd { IMG
身高：100px；
}

以下是js实现marquee_zxd.js：
/ *除了Chrome浏览器通过scrollLeft属性控制轧制。
功能scrolleft（obj）{
var obj = $（obj）美元；
不要在右上角
/ / var temp = obj.scrollleft；
/ / obj. scrollLeft + +；
VaR的温度= obj.scrollleft美元（）；
/ / console.log（临时）；
obj.scrollleft美元（温度+ 1）；
当滚动条到右边/顶部或不好时，滚动的长度（翻转）
/ /如果（obj.scrollleft = =温度）{
（如果）（$ obj.scrollleft = =温度）{
obj.innerhtml = obj.innerhtml；
console.log（'copy）；
}
当滚动条的初始内容滚动条宽度时，返回到模拟循环的左端。
/ /如果（obj.scrollleft = obj。第一个孩子。offsetwidth）
/ / obj.scrollleft = 0；
如果（$ obj。scrollLeft）（> = obj。第一个孩子。offsetwidth）
（0）obj.scrollleft美元；
}

除了Chrome浏览器 / * * scrolleft（滚动）。
功能initmarquee（）{
VaR AAA = document.getelementbyid（'marquee_zxd）；
Var MyMar = setInterval（function（））{
Scrolleft（AAA）；
}，20）；

/ /当鼠标移动到停止滚动达到清除定时器
AAA。onmouseover =函数（）{ clearInterval（MyMar）；}；
/ / onmouseout复位定时器
AAA。onmouseout=函数（）{ mymar = setInterval（）函数（）{
Scrolleft（AAA）；
}，20）；}；
}
*铬周期定时器功能，通过左侧属性的相对控制滚动布局。
功能scrolleftchrome（marquee_inner美元，inner_width）{
VaR的宽度= parseInt（inner_width）；
无功leftpx = marquee_inner.css美元（左）；
与ie兼容
如果（leftpx =汽车）
leftpx = 0；
左移位置
VaR左= parseInt（leftpx）；
左= 1；
顶部/背面
如果（左宽）
左= 0；
marquee_inner.css美元（左
/ / console.log（宽+
}

/ * Chrome浏览器可以通过滚动scrolleftchrome。
功能initmarqueechrome（）{
本地变量不会污染全局变量空间。
marquee_inner = $（var $ ' # marquee_inner）；
原始内容/大小
无功inner_width = marquee_inner.css美元（'width）；
/原始内容的副本
VaR innerHTML = marquee_inner.html美元（）；
marquee_inner.html美元（innerHTML + innerHTML）；

console.log（inner_width）；
string参数的缺陷：参数不能是周期性的变化，参数必须是全局变量。
/ /无功mymar = setInterval（scrolleftchrome（marquee_inner美元，inner_width）
Var MyMar = setInterval（function（））{
不要污染全局变量空间参数
scrolleftchrome（marquee_inner美元，inner_width）；
}，50）；

无功marquee_zxd = document.getelementbyid（'marquee_zxd）；
/ /当鼠标移动到停止滚动达到清除定时器
marquee_zxd。onmouseover =函数（）{ clearInterval（MyMar）；}；
/ / onmouseout复位定时器
marquee_zxd。onmouseout=函数（）{
string参数的缺陷：参数不能是周期性的变化，参数必须是全局变量。
/ / mymar = setInterval（scrolleftchrome（marquee_inner美元，inner_width）
mymar = setInterval（）{（）函数（
不要污染全局变量空间参数
scrolleftchrome（marquee_inner美元，inner_width）；
}，50）；
}；
}

$（函数（）{（））
var ua = window.navigator.useragent；
无功议= window.activexobject！=定义的ua.indexof（MSIE）！= 1；
无功isfirefox = ua.indexof（火狐）！= 1；
无功ischrome = ua.indexof（铬）window.chrome；

如果（ischrome）{
initmarqueechrome（）；
console.log（ischrome：initmarqueechrome ）；
其他{ }
InitMarquee（）；
console.log（ischrome：initmarquee ）；
}
}）；
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。