Heim > Web-Frontend > js-Tutorial > DIV implementiert die automatische Bildlauffunktion und die Farbänderung der Bildlaufleiste

DIV implementiert die automatische Bildlauffunktion und die Farbänderung der Bildlaufleiste

高洛峰
Freigeben: 2017-03-16 16:43:47
Original
3655 Leute haben es durchsucht

Dieser Artikel stellt Ihnen die DIV-Implementierung der Funktion automatisches Scrollen und die Modifikation Bildlaufleistenfarbe vor. Der spezifische Code lautet wie folgt:

<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>
Nach dem Login kopieren

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 设置或检索滚动条基准颜色。
Nach dem Login kopieren

Das Obige wird Ihnen von der chinesischen PHP-Website vorgestelltDIV Der Code für die automatische Bildlauffunktion und die Farbänderung der Bildlaufleiste , ich hoffe, er wird für alle hilfreich sein.

Verwandte Artikel:

CSS-Code zum Festlegen der Farbe der p-Bildlaufleiste

Wie unterscheidet man verschiedene IE-Versionen im Stylesheet? Wie kann die Farbe der Bildlaufleiste mit IE8 und IE10 kompatibel gemacht werden?

Lösung für das Problem, dass die Farbe der Bildlaufleiste in IE6 nicht eingestellt werden kann

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage