含有两个iframe的主页面实现鼠标拖动改变其大小

freeflydom

2024年7月25日 17:31 本文热度 1598

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm4.aspx.vb" Inherits="HIG_Receipt.WebForm4"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <title>WebForm4</title>
    <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
    <meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
    <meta name=vs_defaultClientScript content="JavaScript">
    <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
    <style type=text/css >
    	.resizeDivClass{ 
width:3px; 
margin:0px 0 0px 0; 
background:#ffff33; 
border:5px; 
cursor:e-resize; 
    </style>
    <script type=text/javascript language =javascript  >
    
var mousedown=false;
var aaa;
 function down() {
 mousedown=true;
 aaa=event.clientX-td1.offsetWidth;
 event.srcElement.setCapture();
 }
 function move() {
 if(mousedown==true){
  td1.style.width=Math.max(1,event.clientX-aaa);
 }
 }
function up() {
 event.srcElement.releaseCapture();
 mousedown=false;
 }
    
    
    </script>
  </head>
  <body MS_POSITIONING="GridLayout" >
 
   <TABLE   width="100%" height="100%" >
			
				<tr>
					
					<td  id="td1" >
					第一个iframe
					<iframe style="WIDTH: 100%; HEIGHT: 100%" src="" frameBorder="0">
					</iframe>
					</td>
					<td  class="resizeDivClass" οnmοusedοwn="down()" οnmοusemοve="move()" οnmοuseup="up()">
				
					</td>
					
					<td >
					第二个iframe
					<iframe style="WIDTH: 100%; HEIGHT: 100%"  src="" frameBorder="0">
						</iframe>
					</td>
				</td>
			
			</table> 
 
  </body>
</html>

转自https://blog.csdn.net/iteye_14608/article/details/82487555

该文章在 2024/7/25 17:31:02 编辑过

关键字查询

点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。

点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。

点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。

点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。