關(guān)于divcss里文字上下滾動的代碼的信息
1頭部定義一個div,固定高度,設(shè)置絕對定位positionabsolute,設(shè)置上邊距top02底部定義一個div,固定高度,設(shè)置絕對定位positionabsolute,設(shè)置下邊距bottom03中間定義一個div,設(shè)置滾動條自動 overflow auto 設(shè)置絕對定位positionabsolute,設(shè)置top和bottom,top的值等于頭部。
代碼詳情如下,直接使用即可content1overflow hiddenoverflowyscrollSCROLLBARFACECOLOR#205e17SCROLLBARSHADOWCOLOR#86ff92SCROLLBARSHADOWCOLOR#86ff92SCROLLBAR3DLIGHTCOLOR#205e17SCROLLBARTRACKCOLOR#205e17SCROLLBARDARKSHADOWCOLOR#205e17SCROLLBARBASE。
ltdiv ltscript type=quottextjavascriptquot var oMarquee = documentgetElementByIdquotmuot 滾動對象 var iLineHeight = 25 單行高度,像素 var iLineCount = $ForcastWeatherListFirstCount 實(shí)際行數(shù) var iScrollAmount = 1 每次滾動高度,像素 function run。
加在全局樣式部分,因?yàn)槟愕臐L動條操作的選擇符是Body全局部分有對Body的樣式定義如果是在現(xiàn)有的樣式中增加,加的時候不需要頭尾的ltstyle標(biāo)簽。
這里輸入你想要的內(nèi)容ltbr 這里輸入你想要的內(nèi)容ltbr 這里輸入你想要的內(nèi)容ltbr 這里輸入你想要的內(nèi)容ltbr ltMARQUEE 以上的代碼是鼠標(biāo)移上去后,文字就會停住,移開鼠標(biāo),文字又會動如果你想要用鼠標(biāo)點(diǎn)擊文字才讓文字停住的話也行,只要把其中的onmouseover改成onmousedown就行,別的都不要變。
style=quotoverflowhiddenquottestltdiv 自動顯示滾動條ltdiv style=quotheight100pxwidth100pxoverflowautoquottestltdiv 2,自己定義滾動條的顏色 我們一般默認(rèn)的滾動條樣式如下左圖,右圖是放大了1600倍的樣子,我們可以看到滾動條有幾種言責(zé)組合的,我給他們標(biāo)了7個號,分別注釋在下面的css代碼的。
1ltdiv style=quotheight300pxwidth100pxoverflowautoquotltdivheight和width根據(jù)需求設(shè)定注意如果只寫height就只有垂直滾動條,只寫width就只有水平滾動條,都不寫沒有效果還有這里overflow設(shè)置為auto,也就說是如果你的頁面高度大于300px就會出現(xiàn)滾動條,小于300px就沒有滾動條同理,如果。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。