本文
分享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文本横向滚动特效。