下列代码放入BODY之间:
<iframe align=”center” name=”main” frameborder=”0″ height=”165″ scrolling=”yes” src=”home.htm” width=”300″></iframe>
说明:
height=”165″ 高度 width=”300″ 宽度 scrolling=”yes”是否用滚动条
home.htm 设置为最初显示在框架中的网页地址
name=”main”框架名称
===================
使内置框架透明的方法:
1.以下代码放入<body>与之间:
<iframe name=”main” frameborder=”0″ height=”300″ scrolling=”yes” src=”home.html” width=”400″ allowtransparency=”true”></iframe>
2.以下代码放入<head>与之间:
<style type=”text/css”>
<!–
body{background-color:transparent}
–>
</style>
=====================
使内置框架内的滚动条背景透明:
1.以下代码放入<body>之间:
<iframe name=”main” frameborder=”0″ height=”165″ scrolling=”yes” src=”显示在框架中的网址” width=”300″ style=”{filter: chroma(color = #cc3300)}”></iframe>
2.以下代码放入<head>之间:
<style type=”text/css”>
<!–
body{
scrollbar-face-color: #cc3300; /*滚动条色请与步骤1中的设彩相同*/
scrollbar-highlight-color: #996;
scrollbar-shadow-color: #996;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-arrow-color: #996;
scrollbar-track-color: #cc3300; /*滚动条色请与步骤1中的色相同*/
}
–>
</style>
=====================
实现内置框架的高度自动调整:
1.下载附件中的JS文件,解压后放在网页目录下。
2.以下代码放入<head>之间:
<script type=”text/javascript” src=”iframe.js”></script>
3.以下代码放入<body>之间:
<iframe id=”myTestFrameID” onload=”javascript:{dyniframesize(‘myTestFrameID’);}” marginwidth=”0″ marginheight=”0″ frameborder=”0″ scrolling=”no” src=”home.html” width=”100%” height=”300″></iframe>
说明:home.html 是框架的网页地址