1首先新建html文档，进入代码书写界面2在和的里面写入代码，在里面写入想要输入的内容3书写外层轨道css代码bodywebkitscrollbar width20px height2px background#ccc borderradius10px*外层轨道* 这里主要是设置外层轨道的形状和颜色4书写内层轨道css代码body。

height=100 这里输入你想要的内容 这里输入你想要的内容 这里输入你想要的内容 这里输入你想要的内容 这里输入你想要的内容 这里输入你想要的内容 这里输入你想要的内容 这里输入你想要的内容 ltMARQUEE 以上的代码是鼠标移上去后，文字就会停住，移开鼠标，文字又会动如果你想要用鼠标点击文字才让文。

slider设置为绝对定位，宽度和高度都为25%，背景色为黑色，使用CSS3的transition属性实现平滑的动画效果三JavaScript代码 最后，我们需要使用JavaScript代码来实现滑动门效果具体代码如下```varmenu=documentquerySelector#39menu#39varslider=documentquerySelector#39slider#39varitems=document。

给你一段代码你自己按照实际情况修改就ok了主要是吧你要滚动的文字放在中间 你要滚动的文字 var oMarquee = documentgetElementByIdquotmuot 滚动对象 var iLineHeight = 42 单行高度，像素 var iLineCount = 7 实际行数 var iScrollAmount = 1 每次滚动高度，像素 funct。

高度有余虽然overflowscroll左右，上下滚动条都显示出来了，但是你输入的内容高度不够，所以上下滚动条基本没用你多输入几行就能看到上下也可以滚动了如果设置overflowauto滚动条就可以自动按情况显示或隐藏了另外，overflo，overflowy可以单独设置左右或上下滚动。

var iScrollAmount = 1 每次滚动高度，像素 function run oMarqueescrollTop += iScrollAmountif oMarqueescrollTop == iLineCount * iLineHeightoMarqueescrollTop = 0if oMarqueescrollTop % iLineHeight == 0 windowsetTimeoutquotrunquot， 3000 else windo。

quot#p_idquotanimatescrollTop100，300以上代码可以实现，scrollTop表示向下滚到多少距离，300表示滚动动画时间，单位毫秒 Div+Css布局教程正好自己以前写过，奉上最简短的代码，效果已亲测，兼容IE78以及Chrome等现代浏览器，代码如下！doctypehtml html head metacharset=quotutf8quot tit。