DIV 全自动翻转作用及翻转条色调改动的编码

日期:2021-01-20 类型:科技新闻 

关键词:上线了小程序官网,年会抽奖小程序免费,做小程序,小程序网站,跑腿小程序

空话很少说了,立即给大伙儿贴编码了。实际编码以下所示:

1.DIV 全自动翻转

<script type="text/javascript">
function startmarquee(lh, speed, delay) {
var t;
var oHeight = 300; /** div的高宽比 **/
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(1次翻转高宽比,速率,滞留時间);**/
startmarquee(20, 40, 50);
} 
</script>
 <div 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;"></div>

2.翻转条色调

scrollbar⑶d-light-color 设定或查找翻转条亮边框色调 
crollbar-highlight-color 设定或查找翻转条三d页面的亮边(ThreedHighlight)色调
scrollbar-face-color 设定或查找翻转条三d表层(ThreedFace)的色调 
scrollbar-arrow-color 设定或查找翻转条方位箭头的色调
scrollbar-shadow-color 设定或查找翻转条三d页面的暗边(ThreedShadow)色调 
scrollbar-dark-shadow-color 设定或查找翻转条暗边框(ThreedDarkShadow)色调 
scrollbar-base-color 设定或查找翻转条标准色调。

以上所述是网编给大伙儿详细介绍的DIV 全自动翻转作用及翻转条色调改动的编码,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!