<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Index" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
</head>
<frameset rows="67,*,25" cols="*" framespacing="0" frameborder="no" border="0">
<frame src="about:blank" name="topFrame" id="topFrame" scrolling="No" noresize="noresize" />
<frameset cols="193,8,*" rows="*" id="ContentFrame" onload="" frameborder="no" border="0" framespacing="0" >
<frame src="left.aspx" name="leftFrame" id="leftFrame" scrolling="No" noresize="noresize" />
<frame src="switch.html" name="switch" id="switch" scrolling="No" noresize="noresize" />
<frame src="News.aspx" name="mainFrame" id="mainFrame" scrolling="yes" runat="server" marginheight="0" marginwidth="0" noresize="noresize" />
</frameset>
<frame src="Foot.aspx" noresize="noresize" name="footFrame" scrolling="No" marginheight="0" marginwidth="0"frameborder="0" id="footFrame"/>
<noframes>
<body>
<form id="form1" runat="server">
<div>
对不起你的浏览器不支持框架
</div>
</form>
</body>
</noframes>
</frameset>
</html>
topFrame是框架头部面板,leftFrme是框架左边的tree节点面板, switch是左右分栏框架面板, mainFrme是框架内容面板,footFrame是框架底部面。 请问各位大侠哥哥,怎么在这个框架中改变mainFrme面板滚动条的样式 非常感激各位大侠哥哥
以下是滚动条样式:
body
{
margin: 0px;
width: 100%;
height: 100%;
overflow: auto;
border-bottom-style: none;
border-top-style: none;
border-left-style: none;
border-right-style: none;
scrollbar-face-color: #F9F9F9;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: Silver;
scrollbar-3dlight-color: #999999;
scrollbar-arrow-color: #999999;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#EFEFEF);
}
<head runat="server">
</head>
<frameset rows="67,*,25" cols="*" framespacing="0" frameborder="no" border="0">
<frame src="about:blank" name="topFrame" id="topFrame" scrolling="No" noresize="noresize" />
<frameset cols="193,8,*" rows="*" id="ContentFrame" onload="" frameborder="no" border="0" framespacing="0" >
<frame src="left.aspx" name="leftFrame" id="leftFrame" scrolling="No" noresize="noresize" />
<frame src="switch.html" name="switch" id="switch" scrolling="No" noresize="noresize" />
<frame src="News.aspx" name="mainFrame" id="mainFrame" scrolling="yes" runat="server" marginheight="0" marginwidth="0" noresize="noresize" />
</frameset>
<frame src="Foot.aspx" noresize="noresize" name="footFrame" scrolling="No" marginheight="0" marginwidth="0"frameborder="0" id="footFrame"/>
<noframes>
<body>
<form id="form1" runat="server">
<div>
对不起你的浏览器不支持框架
</div>
</form>
</body>
</noframes>
</frameset>
</html>
topFrame是框架头部面板,leftFrme是框架左边的tree节点面板, switch是左右分栏框架面板, mainFrme是框架内容面板,footFrame是框架底部面。 请问各位大侠哥哥,怎么在这个框架中改变mainFrme面板滚动条的样式 非常感激各位大侠哥哥
以下是滚动条样式:
body
{
margin: 0px;
width: 100%;
height: 100%;
overflow: auto;
border-bottom-style: none;
border-top-style: none;
border-left-style: none;
border-right-style: none;
scrollbar-face-color: #F9F9F9;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: Silver;
scrollbar-3dlight-color: #999999;
scrollbar-arrow-color: #999999;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#EFEFEF);
}
background-color: #ecf4f9;
SCROLLBAR-FACE-COLOR: #D7DFEC;
FONT-SIZE: 10pt;
SCROLLBAR-HIGHLIGHT-COLOR: #848FA3;
SCROLLBAR-SHADOW-COLOR: #848FA3;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #79aeff;
SCROLLBAR-TRACK-COLOR: #B3BECE;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}
background-color: #ecf4f9;
SCROLLBAR-FACE-COLOR: #D7DFEC;
FONT-SIZE: 10pt;
SCROLLBAR-HIGHLIGHT-COLOR: #848FA3;
SCROLLBAR-SHADOW-COLOR: #848FA3;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #79aeff;
SCROLLBAR-TRACK-COLOR: #B3BECE;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;}
这样直接写 body 样式在页面上可能不行,在这个页面 body 在 noframes面板中