1首先新建html文檔，進入代碼書寫界面2在和的里面寫入代碼，在里面寫入想要輸入的內容3書寫外層軌道css代碼bodywebkitscrollbar width20px height2px background#ccc borderradius10px*外層軌道* 這里主要是設置外層軌道的形狀和顏色4書寫內層軌道css代碼body。

height=100 這里輸入你想要的內容 這里輸入你想要的內容 這里輸入你想要的內容 這里輸入你想要的內容 這里輸入你想要的內容 這里輸入你想要的內容 這里輸入你想要的內容 這里輸入你想要的內容 ltMARQUEE 以上的代碼是鼠標移上去后，文字就會停住，移開鼠標，文字又會動如果你想要用鼠標點擊文字才讓文。

slider設置為絕對定位，寬度和高度都為25%，背景色為黑色，使用CSS3的transition屬性實現(xiàn)平滑的動畫效果三JavaScript代碼 最后，我們需要使用JavaScript代碼來實現(xiàn)滑動門效果具體代碼如下```varmenu=documentquerySelector#39menu#39varslider=documentquerySelector#39slider#39varitems=document。

給你一段代碼你自己按照實際情況修改就ok了主要是吧你要滾動的文字放在中間 你要滾動的文字 var oMarquee = documentgetElementByIdquotmuot 滾動對象 var iLineHeight = 42 單行高度，像素 var iLineCount = 7 實際行數(shù) 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以上代碼可以實現(xiàn)，scrollTop表示向下滾到多少距離，300表示滾動動畫時間，單位毫秒 Div+Css布局教程正好自己以前寫過，奉上最簡短的代碼，效果已親測，兼容IE78以及Chrome等現(xiàn)代瀏覽器，代碼如下！doctypehtml html head metacharset=quotutf8quot tit。