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

height=100 這里輸入你想要的內(nèi)容 這里輸入你想要的內(nèi)容 這里輸入你想要的內(nèi)容 這里輸入你想要的內(nèi)容 這里輸入你想要的內(nèi)容 這里輸入你想要的內(nèi)容 這里輸入你想要的內(nèi)容 這里輸入你想要的內(nèi)容 ltMARQUEE 以上的代碼是鼠標(biāo)移上去后，文字就會(huì)停住，移開鼠標(biāo)，文字又會(huì)動(dòng)如果你想要用鼠標(biāo)點(diǎn)擊文字才讓文。

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

給你一段代碼你自己按照實(shí)際情況修改就ok了主要是吧你要滾動(dòng)的文字放在中間 你要滾動(dòng)的文字 var oMarquee = documentgetElementByIdquotmuot 滾動(dòng)對(duì)象 var iLineHeight = 42 單行高度，像素 var iLineCount = 7 實(shí)際行數(shù) var iScrollAmount = 1 每次滾動(dòng)高度，像素 funct。

高度有余雖然overflowscroll左右，上下滾動(dòng)條都顯示出來(lái)了，但是你輸入的內(nèi)容高度不夠，所以上下滾動(dòng)條基本沒用你多輸入幾行就能看到上下也可以滾動(dòng)了如果設(shè)置overflowauto滾動(dòng)條就可以自動(dòng)按情況顯示或隱藏了另外，overflo，overflowy可以單獨(dú)設(shè)置左右或上下滾動(dòng)。

var iScrollAmount = 1 每次滾動(dòng)高度，像素 function run oMarqueescrollTop += iScrollAmountif oMarqueescrollTop == iLineCount * iLineHeightoMarqueescrollTop = 0if oMarqueescrollTop % iLineHeight == 0 windowsetTimeoutquotrunquot， 3000 else windo。

quot#p_idquotanimatescrollTop100，300以上代碼可以實(shí)現(xiàn)，scrollTop表示向下滾到多少距離，300表示滾動(dòng)動(dòng)畫時(shí)間，單位毫秒 Div+Css布局教程正好自己以前寫過(guò)，奉上最簡(jiǎn)短的代碼，效果已親測(cè)，兼容IE78以及Chrome等現(xiàn)代瀏覽器，代碼如下！doctypehtml html head metacharset=quotutf8quot tit。