<html>
<head>
<meta ><div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div><div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </div><div style="width:260px;height:120px; overflow-y:scroll; scrollbar-base-color:#ff6600; border:1px solid;"> 这里是你要显示的内容 </div>
SCROLLBAR-FACE-COLOR(立体滚动条凸出部分的颜色)
SCROLLBAR-HIGHLIGHT-COLOR(滚动条空白部分的颜色)
SCROLLBAR-SHADOW-COLOR(立体滚动条阴影的颜色)
SCROLLBAR-ARROW-COLOR(上下按钮上三角箭头的颜色)
SCROLLBAR-BASE-COLOR(滚动条的基本颜色)
SCROLLBAR-DARK-SHADOW-COLOR(立体滚动条强阴影的颜色)
这个是这样实现的:举一个滚动条改变一个数据的例子,那么你的问题无非就是3个滚动条改变三个数据而已!
用一个变量,比如:R,用垂直滚动条,VScroll1
设置滚动条的最大值为255,最小值为0,Value为0
设置变量R=0
然后,编写代码:
Private Sub VScroll1_Change()
R = VScroll1Value
End Sub
这个变量R,你可以放在你的代码里直接使用
rgb(R,value,value)
这仅仅是一个R参数,你用三个滚动条,就可以解决R,G,B问题,
当然你可以这样:
Private Sub VScroll1_Change()
控件名BackColor = RGB( VScroll1Value,VScroll2Value,VScroll3Value)
End Sub
Private Sub VScroll2_Change()
控件名BackColor = RGB( VScroll1Value,VScroll2Value,VScroll3Value)
End Sub
Private Sub VScroll3_Change()
控件名BackColor = RGB( VScroll1Value,VScroll2Value,VScroll3Value)
End Sub解释:当元素的滚动条滚动时触发的事件。
onscroll事件貌似任何实体元素都可以绑定,这里的实体元素包括DOM元素、window元素、document元素。
用法即:elementonscroll=function(){};
需要注意的是,滚动条一定要出现,而且滚动条是属于这元素的,例如:
因为外层wrap的高度小于内层inner的高度,所以当设置overflow:auto时会出现滚动条,当拖动滚动条时就会触发wrap的onscroll事件,而不是inner的onscroll事件,即这滚动条属于wrap而不是属于inner,明白这点十分重要,对下面理解的scrollTop、scrollHeight一样道理。
解释:元素滚动条内的顶部隐藏部分的高度。
scrollTop属性只有DOM元素才有,window/document没有。
用法1:获取值 var top = elementscrollTop;//返回数字,单位像素
用法2:设置值 elementscrollTop = 200;
对上面的例子来说,控制滚动条的位置是wrapscrollTop=xx;而不是innerscrollTop,道理同上。
兼容性问题:获得整个文档scrollTop,IE是documentdocumentElementscrollTop,FF/CH则是documentbodyscrollTop
解释:元素滚动条内的内容高度。
scrollHeight同scrollTop属性一样,只有DOM元素才有,window/document没有。
不同的是scrollHeight是只读,不可设置。
兼容性问题:获取整个文档scrollHeight,IE/FF/CH都可以通过documentdocumentElementscrollHeight或documentbodyscrollHeight获得。
此外还有scrollLeft,scrollWidth,道理是一样的。
这3个是全局函数,最新的IE/FF/CH都支持。
windowscroll(x,y)是让window滚动条滚动到那个x,y坐标。//x是水平坐标,y是垂直坐标。
windowscrollBy(-x,-y)是让window滚动条相对滚动到某个坐标,- 10即相对向左/向上滚动10像素。
windowscrollTo(x,y)和windowscroll(x,y)一样。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)