Set scroll bar style

This time to bring you to set the scrollbar style, set the scrollbar style of attention to what, the following is the actual case, take a look.

Not much nonsense to say, directly to everyone put the code. The specific code looks like this:

1.P Automatic scrolling

<script type= "Text/javascript" >function startmarquee (LH, speed, delay) {var t;var oheight =;/** P's height **/var p =  False;var o = document.getElementById ("show"), var pretop = 0;o.scrolltop = 0;function start () {t = setinterval (scrolling, speed); O.scrolltop + = 1;} function Scrolling () {if (o.scrolltop% lh! = 0&& o.scrolltop% (o.scrollheight-oheight-1)! = 0) {pretop = O.s Crolltop;o.scrolltop + = 1;if (pretop >= o.scrollheight | | pretop = o.scrolltop) {o.scrolltop = 0;}} else {clearinterval (t); SetTimeout (start, delay);}} SetTimeout (start, delay);} Window.onload = function () {/**startmarquee (one scroll height, speed, dwell time); **/startmarquee (+, +);} </script> <p id= " Show "style=" height:600px; width:100%; Overflow-y: Scroll;scrollbar-base-color: #ffffff; Scrollbar-highlight-color: #ffffff; Scrollbar-arrow-color: #ffffff; Overflow-x: none; " ></p>

2. Scroll bar Color

Scrollbar-3d-light-color Sets or retrieves the scroll bar light border color Crollbar-highlight-color Sets or retrieves the bright edge (threedhighlight) color of the scrollbar 3D interface Scrollbar-face-color Sets or retrieves the color of the scrollbar 3D surface (threedface) Scrollbar-arrow-color Sets or retrieves the color of the scroll bar direction arrows Scrollbar-shadow-color set or retrieves the dark Edge (Threedshadow) color of the scrollbar 3D interface Scrollbar-dark-shadow-color Sets or retrieves the scroll bar Dark border (Threeddarkshadow) color Scrollbar-base-color Set or retrieves the ScrollBar datum color.

Believe that you have read the case of this article you have mastered the method, more exciting please pay attention to the PHP Chinese network other related articles!

Recommended reading:

The method of horizontal vertical centering of three absolutely positioned elements

width:100%; The difference between the use and the Width:auto