Heim >Web-Frontend >CSS-Tutorial >Legen Sie den Stil der Bildlaufleiste fest
Legen Sie den Stil der Bildlaufleiste fest
- php中世界最好的语言Original
- 2018-03-22 15:41:321932Durchsuche
Dieses Mal zeige ich Ihnen, wie Sie den Stil der Bildlaufleiste festlegen Vorsichtsmaßnahmen Hier ist ein praktischer Fall, schauen wir uns das an.
Kein Unsinn mehr, lassen Sie mich einfach den Code für Sie posten. Der spezifische Code lautet wie folgt:
1.p Automatisches Scrollen
<script type="text/javascript">
function startmarquee(lh, speed, delay) {
var t;
var oHeight = 300; /** p的高度 **/
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.scrollTop;
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(一次滚动高度,速度,停留时间);**/
startmarquee(20, 40, 50);
}
</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. Farbe der Bildlaufleiste
scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 crollbar-highlight-color 设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色 scrollbar-face-color 设置或检索滚动条3D表面（ThreedFace）的颜色 scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色 scrollbar-shadow-color 设置或检索滚动条3D界面的暗边（ThreedShadow）颜色 scrollbar-dark-shadow-color 设置或检索滚动条暗边框（ThreedDarkShadow）颜色 scrollbar-base-color 设置或检索滚动条基准颜色。
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Drei Möglichkeiten, absolut positionierte Elemente horizontal und vertikal zu zentrieren
width:100%; Unterschied bei der Verwendung von width:auto
Das obige ist der detaillierte Inhalt vonLegen Sie den Stil der Bildlaufleiste fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!