时间:2021-05-25
复制代码 代码如下:
<%@ 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" onmousedown="down()" onmousemove="move()" onmouseup="up()">
</td>
<td >
第二个iframe
<iframe style="WIDTH: 100%; HEIGHT: 100%" src="" frameBorder="0">
</iframe>
</td>
</td>
</table>
</body>
</html>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了javascript实现鼠标拖动改变层大小的方法。分享给大家供大家参考。具体实现方法如下:拖动改变层的大小{box-sizing:border-b
实现类似windows窗体的效果,在中间拖动改变div位置,在边缘拖动改变div大小,鼠标在相应的位置改变成相应的形状效果如图:(截图没显示鼠标)代码如下:$(
方法一: 用鼠标来实现。用鼠标左键拖动第一个窗口至桌面最左侧,然后再用鼠标左键拖动第二个窗口至桌面最右侧,它会自动占据半个屏幕,两个窗口就轻松地占据着屏幕
鼠标事件的事件源往往与容器相关,当鼠标进入容器、离开容器,或者在容器中单击鼠标、拖动鼠标时都会发生鼠标事件。java语言为处理鼠标事件提供两个接口:MouseL
本文实例讲述了JS实现网页Div层Clone拖拽效果。分享给大家供大家参考。具体如下:这是一个层拖动,网页上的拖拽Clone效果实例,两个层可在鼠标的拖动下,任