可拖动可改变大小div的实现代码

更新时间：2009年08月23日 02:34:49 作者：

可拖动可改变大小div的实现代码，非常不错的应用，大家可以参考下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Dialog</title> <style type="text/css"></style><style type="text/css" bogus="1">.dialogcontainter{height:400px; width:400px; border:1px solid #14495f; position:absolute; font-size:13px;} .dialogtitle{height:26px; width:auto; background-image:url('//img.jbzj.com/file_images/200908/103444839.p.gif');} .dialogtitleinfo{float:left;height:20px; margin-top:2px; margin-left:10px;line-height:20px; vertical-align:middle; color:#FFFFFF; font-weight:bold; } .dialogtitleico{float:right; height:20px; width:21px; margin-top:2px; margin-right:5px;text-align:center; line-height:20px; vertical-align:middle; background-image:url('//img.jbzj.com/file_images/200908/103419495.p.gif');background-position:-21px 0px} .dialogbody{ padding:10px; width:auto; background-color: #FFFFFF;} .dialogbottom{ bottom:1px; right:1px;cursor:nw-resize; position:absolute; background-image:url('//img.jbzj.com/file_images/200908/103419495.p.gif'); background-position:-42px -10px; width:10px; height:10px; font-size:0;}</style> </head> <body > <input value="创建" type="button" onclick="creat()" /> <div id='aa'></div> <script type="text/javascript"></script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

原生js编写设为首页兼容ie、火狐和谷歌
这篇文章主要介绍了如何通过原生js实现设为首页并兼容ie、火狐和谷歌,需要的朋友可以参考下
2014-06-06
按下Enter焦点移至下一个控件的实现js代码
正如标题所言使用js操作按下Enter焦点移至下一个控件，具体的实现示例如下，需要的朋友可以参考下
2013-12-12
bootstrap是什么_动力节点Java学院整理
这篇文章主要介绍了bootstrap是什么，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
这篇文章主要介绍了bootstrap table 表格中增加下拉菜单末行出现滚动条的解决方法,需要的朋友可以参考下
2017-01-01
Immutable 在 JavaScript 中的应用
在 JavaScript 中，对象是引用类型的数据，其优点在于频繁的修改对象时都是在原对象的基础上修改，并不需要重新创建，这样可以有效的利用内存，不会造成内存空间的浪费，对象的这种特性可以称之为 Mutable，中文的字面意思是「可变」
2016-05-05
详解cesium实现大批量POI点位聚合渲染优化方案
这篇文章主要为大家介绍了cesium实现大批量POI点位聚合渲染优化方案详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-05-05
JS得到当前时间的方法示例
这篇文章主要介绍了JS得到当前时间的方法,结合具体实例形式对比分析了javascript获取日期时间的相关操作技巧,需要的朋友可以参考下
2017-03-03
JS跳出循环的方法区别对比分析(break,continue,return)
面向对象编程语法中我们会碰到break ,continue, return这三个常用的关键字，那么关于这三个关键字的使用具体的操作是什么呢？接下来通过本文给大家讲解JS跳出循环的方法区别对比分析(break,continue,return)，感兴趣的朋友一起看看吧
2023-02-02
Javascript Function对象扩展之延时执行函数
这篇文章主要介绍在js里面怎么延时执行一个函数?
2010-07-07
微信浏览器左上角返回按钮监听的实现
这篇文章主要介绍了微信浏览器左上角返回按钮监听的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-03-03