滚动条样式收集

用图片来代替iframe滚动条↑↓

用下列代码替换网页的<title>..</title>
<SCRIPT LANGUAGE="javascript">
function scroll(n)
{temp=n;
Out1.scrollTop=Out1.scrollTop+temp;
if (temp==0) return;
setTimeout("scroll(temp)",80);
}
</SCRIPT>
<TABLE WIDTH="330">
<TR>
<TD WIDTH="304" VALIGN="TOP" ROWSPAN="2" >
<DIV ID=Out1 STYLE="width:100%; height:100;overflow: hidden ;border-style:dashed;border-width: 1px,1px,1px,1px;">
文字<BR> 文字<BR>
文字<BR>
文字<BR>
文字
<BR>
<BR>
</DIV>
</TD>
<TD WIDTH="14" VALIGN="TOP"><IMG SRC="photo/up0605.gif" WIDTH="14" HEIGHT="20" script_onmouseover="scroll(-1)" script_onmouseout="scroll(0)" script_onmousedown="scroll(-3)" BORDER="0" ALT="按下鼠标速度会更快！"></TD>
</TR>
<TR>
<TD WIDTH="14" VALIGN="BOTTOM"><IMG SRC="photo/down0605.gif" script_onmouseover="scroll(1)" script_onmouseout="scroll(0)" script_onmousedown="scroll(3)" BORDER="0" WIDTH="15" HEIGHT="21" ALT="按下鼠标速度会更快！"></TD>
</TR>
</TABLE>

<DIV>
<STYLE>
BODY { SCROLLBAR-ARROW-COLOR:#FFFF66;
SCROLLBAR-FACE-COLOR:#FF66FF;
SCROLLBAR-DARKSHADOW-COLOR:#CCCCFF;
SCROLLBAR-HIGHLIGHT-COLOR:#CCFF99;
SCROLLBAR-3DLIGHT-COLOR:#FF66FF;
SCROLLBAR-SHADOW-COLOR:#CCFF99;
SCROLLBAR-TRACK-COLOR:#33CCFF;}
</STYLE>
</DIV>

//控制滚动条样式
}

CSS Scrollbar Properties 滚动条属性

Scrollbar Properties
属性 CSS Version
版本 Compatibility
兼容性 Inherit From Parent
继承性 Description
简介
scrollbar-3d-light-color IE专有属性 IE5.5+ 有设置或检索滚动条亮边框颜色
scrollbar-highlight-color IE专有属性 IE5.5+ 有设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色
scrollbar-face-color IE专有属性 IE5.5+ 有设置或检索滚动条3D表面（ThreedFace）的颜色
scrollbar-arrow-color IE专有属性 IE5.5+ 有设置或检索滚动条方向箭头的颜色
scrollbar-shadow-color IE专有属性 IE5.5+ 有设置或检索滚动条3D界面的暗边（ThreedShadow）颜色
scrollbar-dark-shadow-color IE专有属性 IE5.5+ 有设置或检索滚动条暗边框（ThreedDarkShadow）颜色
scrollbar-base-color IE专有属性 IE5.5+ 有设置或检索滚动条基准颜色。其它界面颜色将据此自动调整

说明：这种颜色是CSS2标准属性。这种颜色是IE建议样式表属性。这种颜色是NS私有属性。这种颜色是目前尚无浏览器支持的属性。
---------------------------------------------------------------

<style type="text/css">
BODY
{
           scrollbar-face-color: #DEE3E7;
           scrollbar-highlight-color: #FFFFFF;
           scrollbar-shadow-color: #DEE3E7;
           scrollbar-3dlight-color: #D1D7DC;
           scrollbar-arrow-color: #006699;
           scrollbar-track-color: #EFEFEF;
           scrollbar-darkshadow-color: #98AAB1;

background-color: #AA1612;
}
</style>
---------------------------------------------------------------

样式要写在被iframe装入的页面中，或用js修改body标记的属性

一、预览效果：
滚动条样式收集
二、代码
Test.html

<IFRAME border=0 name=ye_xy marginWidth=0 frameSpacing=0 marginHeight=0 src="Test1.html" frameBorder=0 noResize width="100%" scrolling=auto height="100%" vspale="0"></IFRAME>
滚动条样式收集

Test1.html

<html>