JS文本横向滚动效果

JS文本横向滚动效果
本文分享JS文本横向滚动特效代码,具体实现如下:

页面布局

恭喜793765 ***获得50元巨点卡奖
恭喜793765 ***获得50元巨点卡奖
恭喜793765 ***获得50元巨点卡奖
恭喜793765 ***获得50元巨点卡奖
恭喜793765 ***获得50元巨点卡奖
恭喜793765 ***获得50元巨点卡奖
恭喜793765 ***获得50元巨点卡奖

风格:

。pad_right {填充右:2em;}
# scroll_div {身高:26px;溢出:隐藏;空格:nowrap;宽度:535px;margin-left: 10px;}
# scroll_begin,# scroll_end {display: inline;}
JS代码:

文本/水平滚动
函数的ScrollImgLeft(){
var速度= 50;
Var MyMar = null;
无功scroll_begin = document.getelementbyid(scroll_begin );
无功scroll_end = document.getelementbyid(scroll_end );
无功scroll_div = document.getelementbyid(scroll_div );
scroll_end .innerHTML = scroll_begin.innerhtml;
函数跑马灯(){
如果(scroll_end。offsetwidth-scroll_div。scrollLeft < = 0)
scroll_div scrollLeft = scroll_begin.offsetwidth;
其他的
scroll_div scrollLeft + +;
}
mymar = setInterval(字幕速度);
scroll_div.onmouseover =函数(){
ClearInterval(MyMar);
}
scroll_div.onmouseout =函数(){
mymar = setInterval(字幕速度);
}
}
ScrollImgLeft();
以上是js实现的简单文本滚动效果,可以在自己的页面中添加JS文本横向滚动特效。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部