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


Posted in Javascript onApril 16, 2013
<%@ 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>

主页面中的两个iframe实现鼠标拖动改变其大小
Javascript 相关文章推荐
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
Mar 14 Javascript
javascript中callee与caller的用法和应用场景
Dec 08 Javascript
javascript代码加载优化方法
Jan 30 Javascript
javascript 树形导航菜单实例代码
Aug 13 Javascript
可插入图片的TEXT文本框
Dec 27 Javascript
js使用正则实现ReplaceAll全部替换的方法
Jul 18 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
Dec 01 Javascript
浅谈Angular 的变化检测的方法
Mar 01 Javascript
JS判断字符串是否为整数的方法--简单的正则判断
Jul 23 Javascript
Flexible.js可伸缩布局实现方法详解
Nov 13 Javascript
带你彻底理解JavaScript中的原型对象
Apr 14 Javascript
一篇文章了解正则表达式的替换技巧
Feb 24 Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 #Javascript
获取offsetTop和offsetLeft值的js代码(兼容)
Apr 16 #Javascript
jquery表格内容筛选实现思路及代码
Apr 16 #Javascript
js实现图片轮换效果代码
Apr 16 #Javascript
js相册效果代码(点击创建即可)
Apr 16 #Javascript
jQuery实现点击标题输入详细信息
Apr 16 #Javascript
jQuery图片的展开和收缩实现代码
Apr 16 #Javascript
You might like
vBulletin Forum 2.3.xx SQL Injection
2006/10/09 PHP
php通过array_merge()函数合并关联和非关联数组的方法
2015/03/18 PHP
window.event快达到全浏览器支持了,以后使用就方便了
2011/11/30 Javascript
如何用JavaScript动态呼叫函数(两种方式)
2013/05/03 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
2015/11/01 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
2015/12/14 Javascript
详解Angularjs filter过滤器
2016/02/06 Javascript
vue结合axios与后端进行ajax交互的方法
2018/07/06 Javascript
layui实现文件或图片上传记录
2018/08/28 Javascript
vue-cli 引入jQuery,Bootstrap,popper的方法
2018/09/03 jQuery
微信小程序实现上拉加载功能
2019/11/20 Javascript
node.js 微信开发之定时获取access_token
2020/02/07 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
uin-app+mockjs实现本地数据模拟
2020/08/26 Javascript
全面了解Python的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
python如何把嵌套列表转变成普通列表
2018/03/20 Python
python使用opencv驱动摄像头的方法
2018/08/03 Python
Window环境下Scrapy开发环境搭建
2018/11/18 Python
python之pyqt5通过按钮改变Label的背景颜色方法
2019/06/13 Python
Python Web程序搭建简单的Web服务器
2019/07/31 Python
Python flask框架如何显示图像到web页面
2020/06/03 Python
scrapy结合selenium解析动态页面的实现
2020/09/28 Python
CSS3中引入多种自定义字体font-face
2020/06/12 HTML / CSS
仿酷狗html5手机音乐播放器主要部分代码
2013/05/15 HTML / CSS
瑞贝卡·明可弗包包官网:Rebecca Minkoff
2016/07/21 全球购物
美国高端寝具品牌:Coyuchi
2017/02/08 全球购物
资产评估专业学生的自我鉴定
2013/11/14 职场文书
机械工程师的岗位职责
2013/11/17 职场文书
毕业生的自我评价分享
2013/12/18 职场文书
综治宣传月活动总结
2014/04/28 职场文书
特教教师先进事迹
2014/05/21 职场文书
环境工程专业自荐信范文
2014/06/24 职场文书
离婚财产分配协议书
2014/10/21 职场文书
幼儿园母亲节活动总结
2015/02/10 职场文书
nginx sticky实现基于cookie负载均衡示例详解
2022/12/24 Servers