js文字横向滚动代码（js实现文字自动横向滚动）

本篇目录：

对div设置滚动条，设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来设置div盒子对象右侧和底部滚动条效果。同时也可以使用CSS样式设置html框架iframe的滚动条隐藏。

divstyle=height：300px；width：100px；overflow：autodiv/（height和width根据需求设定）注意：如果只写height就只有垂直滚动条，只写width就只有水平滚动条，都不写没有效果。

打开dw，新建一个html页面，进入html页面编辑。在代码的body中间编写一个div层。将这个新建好的html页面跟编写好的div利用快捷键“ctrl+s”另保存到知道的目录下。

div id=thick style=overflow：hidden；nobr粗边框 border-width： thick；/nobr/div 第一个层实现横向滚动条。

1、scrolldelay：用于设定滚动两次之间的延迟时间，数值越小，间隔就越小。Loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。

2、加入一个时间控件：timer加入一个横向的滚动条：hscroll把：min属性设为2，max属性设为100，smallchange设为1。

3、在窗体上画上计时器控件timer1 和 label控件label设置timer1的enable属性为false，interval属性为500，即500毫秒执行一次设置label1的autosize属性为true，表示label1根据caption属性的内容自动调整大小。

4、(如果出现只能滚动一行的情况，解决办法是把这段代码嵌入到JavaScript的document.write里面，请看下面例的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来我。建立第一个滚动字幕。

文字左右滚动的走马灯效果是一种非常容易实现的特效，同样的，文字上下滚动循环显示也是一种非常常见而且非常容易实现的文字特效。

通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。

最简单的滚动就是marquee，不过它效果不太好看，没有加速和停留的过程。下面这段就是我常用的，效果很好，是从淘宝上取下的，经过我修改了一点点。

到此，以上就是小编对于js实现文字自动横向滚动的问题就介绍到这了，希望介绍的几点解答对大家有用，有任何问题和不懂的，欢迎各位老师在评论区讨论，给我留言。