iframe 滚动条样式一例

发布时间:2020-05-15编辑:脚本学堂
为大家介绍一个iframe滚动条的样式示例,有需要的朋友,可以参考下。

1、带iframe的页面

<IFRAME border=0 name=ye_xy marginWidth=0 frameSpacing=0 marginHeight=0 src="test.html" frameBorder=0 noResize width="100%" scrolling=auto height="100%" vspale="0"></IFRAME>

2、在iframe中显示的页面 test.html

<html>
<head>
<STYLE type=text/css>
BODY {
 SCROLLBAR-FACE-COLOR: #e8e7e7; 
 SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
 SCROLLBAR-SHADOW-COLOR: #ffffff; 
 SCROLLBAR-3DLIGHT-COLOR: #cccccc; 
 SCROLLBAR-ARROW-COLOR: #03B7EC; 
 SCROLLBAR-TRACK-COLOR: #EFEFEF; 
 SCROLLBAR-DARKSHADOW-COLOR: #b2b2b2; 
 SCROLLBAR-BASE-COLOR: #000000;
}
</STYLE>
</head>
<body>
<TABLE  cellSpacing=1 cellPadding=2 width="100%" border=0>
<TBODY>
<TR bgColor=#ffffff>
<TD>
此处放置不少于500字的内容。以测试显示效果。
</TD></TR></TBODY></TABLE>
</body>
</html>