Heim > Artikel > Web-Frontend > Ausführliche Erläuterung zum Festlegen der Farbe der Bildlaufleiste der CSS-Beispiel-Bildlaufleiste

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

黄舟Original: 2017-07-03 11:23:502414Durchsuche

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>

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>

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

haben die Form, die mit c9ccee2e6ea535a969eb3f532ad9fe89 beginnt und mit 531ac245ce3e4fe3d50054a55f265927 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>

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

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;
}

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);

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Bezüglich der DIV-Bildlaufleiste mit Firefox fragen Sie bitte nach dem js-Modul scrollbar-dark-shadow-color:#eee;Nächster Artikel：Bezüglich der DIV-Bildlaufleiste mit Firefox fragen Sie bitte nach dem js-Modul scrollbar-dark-shadow-color:#eee;

In Verbindung stehende Artikel

Mehr sehen