<
style
>
...
body {...}{SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色)
SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立体滚动条强阴影的颜色)
</ style >
body {...}{SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色)
SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立体滚动条强阴影的颜色)
</ style >
设置Panel 滚动条 CSS 设置
#Panel1
{...}
{ SCROLLBAR-FACE-COLOR: #008cb0; SCROLLBAR-HIGHLIGHT-COLOR: #6c6c90; SCROLLBAR-SHADOW-COLOR: #008cb0; SCROLLBAR-3DLIGHT-COLOR: #008cb0; SCROLLBAR-ARROW-COLOR: #240024; SCROLLBAR-TRACK-COLOR: #008cb0; SCROLLBAR-DARKSHADOW-COLOR: #48486c; SCROLLBAR-BASE-COLOR: #008cb0 }
html: 代码
<
asp:Panel
id
="Panel1"
runat
="server"
style
="OVERFLOW-Y: auto"
Width
="200px"
Height
="240px"
></
asp:Panel
>
隐藏滚动条
在任何情况下,如果网页超出显示范围,就会出现滚动条。但有时我们并不想让它显示,如何隐藏它呢?只需在<body> </body>之间插入代码:<body style="overflow-x:hidden;overflow-y:hidden">即可。其中x表示水平滚动条,将其改为y的话就可以隐藏垂直滚动条。
滚屏显示
当网页中有长篇文章时,浏览起来就比较吃劲了,想想一边忙着拖动滚动条,一边忙着浏览,确实挺累人的。为了客人能够轻松的浏览,我们可以使用script代码实现网页的自动滚屏,当双击网页的时候,网页将会自动向下滚动,再次单击时滚动停止。将下面的代码插入到<body> </body>之间。
<
script language
"
javascript
"
>
var currentpos,timer;
function initialize()
... {
timer=setInterval("scrollwindow()",10);
}
function sc() ... {
clearInterval(timer);
}
function scrollwindow()
... {
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown = sc
document.ondblclick = initialize
</ script >
var currentpos,timer;
function initialize()
... {
timer=setInterval("scrollwindow()",10);
}
function sc() ... {
clearInterval(timer);
}
function scrollwindow()
... {
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown = sc
document.ondblclick = initialize
</ script >