zoukankan
html css js c++ java
[Javascript]IFRAME运用(2)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>RetractBar</title> <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <STYLE type="TEXT/CSS"> </STYLE> <script language="javascript"> var currentMoveObj = null; function PageLoad() { //设置左边框架宽度:0.20为百分比 document.getElementById( "frmLeft" ).style.width = document.body.scrollWidth * 0.20; //设置缩进条颜色:#888888 document.getElementById( "frmBar" ).style.backgroundColor = "#888888"; } function switchSysBar() { if (switchPoint.innerText==3) { switchPoint.innerText=4; document.getElementById( "frmLeft" ).style.display = "none"; } else { switchPoint.innerText=3; document.getElementById( "frmLeft" ).style.display = ""; } } function BarMouseOver() { if (switchPoint.innerText==4) { switchPoint.innerText=3; document.getElementById( "frmLeft" ).style.display = ""; } } window.onload = PageLoad; window.onresize = PageLoad; </script> </head> <body topmargin="0" rightmargin="0" bottommargin="0" leftmargin="0"> <TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%" ID="Table1"> <TR> <!--左框架--> <TD align="center" valign="middle" id="frmTitle"> <div id="frmLeft" style="HEIGHT: 100%"> <IFRAME frameBorder="0" id="Ileft" name="Ileft" src="" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 2"></IFRAME> </div> </TD> <!--缩进条--> <TD> <div id="frmBar" onmouseover="BarMouseOver()" style="FILTER: alpha(opacity=100,finishopacity=0,style=1,startx=0,starty=100,finishx=,finishy=100); WIDTH: 100%; HEIGHT: 100%"> <TABLE border="0" cellPadding="0" cellSpacing="0" height="100%" ID="Frame"> <TR> <TD style="HEIGHT: 100%"><SPAN style="COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 11px" onclick="switchSysBar()" id="switchPoint" title="点击缩放" >3</SPAN></TD> </TR> </TABLE> </div> </TD> <!--右框架--> <TD width="100%"> <div id="frmRight"> <IFRAME frameBorder="0" id="Iright" name="Iright" scrolling="no" src="about:home" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"></IFRAME> </div> </TD> </TR> </TABLE> </body> </html>
查看全文
相关阅读:
mobx的一个记录
前端模块规范AMD/UMD/CommonJs
CSS3字体大小单位的认识px/em/rem
各浏览器之间的字号检测
react整理一二(初入React世界)
Node.js中实现套接字服务
闲来无事,把node又拾起来看看
判断类型
html5 搜索框
CSS 设置placeholder属性
原文地址:https://www.cnblogs.com/HD/p/147749.html
最新文章
几月几号+星期几格式化
自定义折线图
学习笔记-echarts x,y轴样式
如何让一个DIV水平,垂直方向都居中于浏览器?
学习笔记-echarts自定义背景图片
学习笔记-echarts点击数据添加跳转链接
学习笔记-nodejs报错
日常记录2(全排列参考)
日常记录1
关于字符串输入的一点问题
热门文章
自定义字符串处理函数
POJ1008
POJ1006
数据结构之链表(Studing< Play with DataStruct>)
计算机视觉领域名人博客整理(转自CSDN猫山王)
POJ题目总结
POJ2531--子网流量问题
react route 路由改变,页面不刷新的问题
各坐标Api之前的区别
HTTP缓存返回状态码200和304的区别
Copyright © 2011-2022 走看看