HTML-Bildlaufleisten-Style_Basic-Tutorial

1. Die Spur der Bildlaufleiste wird aufgezeichnet als: scrollbar-track. Der sogenannte „Track“ bezeichnet den Weg, den der Gleitstein der Bildlaufleiste beim Ausführen nehmen muss. 2. Der Gleitblock der Bildlaufleiste, dh der Gleitblock, der durch Drücken und Halten der linken Maustaste nach oben und unten oder nach links und rechts verschoben werden kann, und die kleinen Quadrate an beiden Enden der Bildlaufleiste, aufgezeichnet als : scrollbar-face. Gesicht ist das „Gesicht“ der Bildlaufleiste. Beachten Sie, dass sie drei „Gesichter“ hat: die Schiebeleiste und die kleinen Quadrate an beiden Enden.
3. Der Hervorhebungsrandteil der Bildlaufleiste wird aufgezeichnet als: scrollbar-highlight. Dieser helle Rand hat das gleiche Konzept wie der helle Rand der Tabelle, d. h. der linke und obere Teil der Bildlaufleiste bezieht sich auf den hellen Rand des „Gesichts“ der Bildlaufleiste (d. h Gleitstein und die kleinen Quadrate an beiden Enden).
4. Es gibt auch einen dreidimensionalen Modifikationsteil um den hellen Randteil der Bildlaufleiste, der als Bildlaufleisten-3Dlight aufgezeichnet wird. 3D bedeutet dreidimensional und umgibt den hellen Randteil der Bildlaufleiste.
5. Der Schattenteil der Bildlaufleiste bezieht sich auf den Schatten des Hauptschiebereglers und der beiden Quadrate links und unten links und wird als Bildlaufleistenschatten aufgezeichnet.
6. Der Schattenteil der Bildlaufleiste hat auch einen starken Schattenteil, der Scrollbar-Darkshadow genannt wird und den Schattenteil umgibt.
7. Die lokalen Zeichenpfeile an beiden Enden der Bildlaufleiste werden wie folgt aufgezeichnet: Bildlaufleistenpfeil Die Pfeilrichtungen sind nach unten, oben, links und rechts.

<div id="center_down" style="overflow:auto; height:50; scrollbar-face-color: #f1f1f1; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color:#DDDDDD; scrollbar-arrow-color: #477ED1"> <img src="/static/imghw/default1.png" data-src="/images/jb51.gif" class="lazy" alt="HTML-Bildlaufleisten-Style_Basic-Tutorial" > </div>
[Strg+A, um alle auszuwählen. Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie es aktualisieren, um es auszuführen ]