Ausführliche Erläuterung zum Festlegen der Farbe der Bildlaufleiste der CSS-Beispiel-Bildlaufleiste-CSS-Tutorial-php.cn

Ausführliche Erläuterung zum Festlegen der Farbe der Bildlaufleiste der CSS-Beispiel-Bildlaufleiste

黄舟

Freigeben： 2017-07-03 11:23:50

Original

2451 Leute haben es durchsucht

Positives CSS-Beispiel --- Bildlaufleisten-Farbeinstellung

<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">
*********************
<STYLE>{
SCROLLBAR-FACE-COLOR:#3399cc; 
SCROLLBAR-HIGHLIGHT-COLOR: white; 
SCROLLBAR-SHADOW-COLOR: white; 
SCROLLBAR-ARROW-COLOR: #ffffff; 
SCROLLBAR-BASE-COLOR:#dff0c0}
</STYLE>

Nach dem Login kopieren

Unter ihnen SCROLLBAR-FACE-COLOR, SCROLLBAR-HIGHLIGHT-COLOR, SCROLLBAR-SHADOW-COLOR, SCROLLBAR-ARROW- COLOR, SCROLLBAR-BASE-COLOR, SCROLLBAR-DARKSHADOW-COLOR werden verwendet, um die Farben verschiedener Teile der Bildlaufleiste anzugeben (Sie wissen anhand ihrer Bedeutung, welche Teile der Bildlaufleiste sie darstellen).
Fügen Sie einfach diese Codezeilen zwischen dem HTML-Code der Seite ein! ! ! !
:)

****************************** * *******************

Die Bildlaufleiste ist die vertikale (horizontale) Leiste auf der rechten Seite (unten) von die Webseite. Die Farbe der Bildlaufleiste kann durch Schreiben eines CSS-Stylesheets geändert werden.
Diese Seite verwendet grüne Bildlaufleisten.

Bildlaufleiste CSS-Stylesheet:

 <style>
BODY {
   scrollbar-face-color: #008000;
   scrollbar-highlight-color: #0B0E2F;
   scrollbar-3dlight-color: #0B0E2F;
   scrollbar-darkshadow-color: #0B0E2F;
   scrollbar-shadow-color: #003366;
   scrollbar-arrow-color: #003366;
   scrollbar-track-color: #FFFFFF;}
</style>

Nach dem Login kopieren

Die Funktion des CSS-Stylesheets besteht darin Steuerung Der Schriftstil, der Farbstil und der Mausstil der Website

haben die Form, die mit endet.

Der grüne Code
scrollbar-face-color: #008000;--Die Farbe der Bildlaufleistenleiste
scrollbar-highlight-color : #0B0E2F;--Farbe der Hervorhebung der Bildlaufleiste
scrollbar-3dlight-color: #0B0E2F;--Farbe der Bildlaufleiste 3D
scrollbar-darkshadow-color: #0B0E2F;--Farbe des dunklen Schattens der Bildlaufleiste
scrollbar-shadow-color: #003366;--Die Farbe des Schattens der Bildlaufleiste
scrollbar-arrow-color: #003366;--Die Farbe des Pfeils der Bildlaufleiste
scrollbar-track-color : #FFFFFF;} – Die Farbe des Hintergrunds der Bildlaufleiste

????
????
"#008000“ ist Die drei Grundfarbcodes der Farben können nach Belieben angepasst und durch andere Farben ersetzt werden.

**************************************** **** *******************************

<STYLE>  
BODY  {  
SCROLLBAR-FACE-COLOR:  #fc0000;  
 SCROLLBAR-HIGHLIGHT-COLOR:  #fc0000;  
 SCROLLBAR-SHADOW-COLOR:  #fc0000;  
 SCROLLBAR-3DLIGHT-COLOR:  #fc0000;  
 SCROLLBAR-ARROW-COLOR:  #fcfc00;  
 SCROLLBAR-TRACK-COLOR:  #fc4800;  
 SCROLLBAR-DARKSHADOW-COLOR:  #fc0000;  
 SCROLLBAR-BASE-COLOR:  #fc0000  
}  
</STYLE>

Nach dem Login kopieren

*********************************** ************* ******************************

body {
font-size:9pt;
color:#000099; cursor:url(meng.cur);
OVERFLOW-X
: auto; OVERFLOW: scroll;
SCROLLBAR-FACE-COLOR: #817af3;
SCROLLBAR-HIGHLIGHT-COLOR: #817af3;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #817af3;
SCROLLBAR-ARROW-COLOR: #e8f7e6;
SCROLLBAR-TRACK-COLOR: 817af3
SCROLLBAR-DARKSHADOW-COLOR: #e8f7e6;
}

Nach dem Login kopieren

332 Split-Screen-Bildlaufleisten-Farbeinstellung

Löschen Sie alle anderen Scroll-Barcodes und fügen Sie nur den folgenden Code hinzu. Jede entsprechende Farbe wird erklärt.

 set
Time
out(function setScrollbar(){      //color=Array
(面部颜色,上左斜面,下右斜面,上左边沿,箭头,底版色,下右边沿)      
color=Array("#EDE6DA","#EDE6DA","#EDE6DA","#EDE6DA","#84674A","#EDE6DA","#EDE6DA");      
box=Array("u","u1","d","r")
      for (var i=0;i<box.length;i++){            
eval("parent."+box[i]+".
document
.body.style.scrollbarFaceColor=color[0]");            
eval("parent."+box[i]+".document.body.style.scrollbarHighlightColor=color[1]");            
eval("parent."+box[i]+".document.body.style.scrollbarShadowColor=color[2]");
            eval("parent."+box[i]+".document.body.style.scrollbar3dLightColor=color[3]");            
eval("parent."+box[i]+".document.body.style.scrollbarArrowColor=color[4]");            
eval("parent."+box[i]+".document.body.style.scrollbarTrackColor=color[5]");
            eval("parent."+box[i]+".document.body.style.scrollbarDarkShadowColor=color[6]");      
};
setTimeout("setScrollbar()",300); 
},300);

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung zum Festlegen der Farbe der Bildlaufleiste der CSS-Beispiel-Bildlaufleiste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!