主页面中的两个iframe实现鼠标拖动改变其大小_Javascript教程-查字典教程网
主页面中的两个iframe实现鼠标拖动改变其大小
主页面中的两个iframe实现鼠标拖动改变其大小
发布时间:2017-01-14 来源:查字典编辑
摘要:复制代码代码如下:WebForm4.resizeDivClass{width:3px;margin:0px00px0;background:...

复制代码 代码如下:

<%@ 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 src="" frameBorder="0">

</iframe>

</td>

<td onmousedown="down()" onmousemove="move()" onmouseup="up()">

</td>

<td >

第二个iframe

<iframe src="" frameBorder="0">

</iframe>

</td>

</td>

</table>

</body>

</html>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类