可拖动可改变大小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 动态添加标签（新增一行，其实很简单，就是几个函数的应用）
把所有代码拷下另存为一个html文件，在浏览器中打开，点击“新增一行”按钮就可以,以下是对js函数的解释
2009-03-03
webpack 3.X学习之多页面打包的方法
这篇文章主要介绍了webpack 3.X学习之多页面打包的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09
JS实现的数组全排列输出算法
这篇文章主要介绍了JS实现的数组全排列输出算法,实例分析了全排列的原理与相关的javascript实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
技术男用来对妹子表白的百度首页
这篇文章主要介绍了技术男用来对妹子表白的百度首页,非常有创意、有意思,需要的朋友可以参考下
2014-07-07
js prototype 格式化数字 By shawl.qiu
js prototype 格式化数字 By shawl.qiu...
2007-04-04
javascript replace()方法的简单分析
javascript中replace()在javascript中，String的函数replace()简直太让人喜爱了。它灵活而强大的字符替换处理能力，让我不禁想向大家介绍它。
2008-11-11
js实现省级联动（数据结构优化）
这篇文章主要为大家详细介绍了js实现省级联动，数据结构优化，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-07-07
微信小程序 bindtap 事件多参数传递的代码示例
在微信小程序中,我们无法直接通过 bindtap="handleClick(1,2,3)" 的方式传递参数,而是通过自定义属性data- 的方式传递,并在事件回调函数中通过event.currentTarget.dataset获取这些参数,本文给大家介绍小程序 bindtap 事件多参数传递的实例代码,感兴趣的朋友一起看看吧
2023-12-12
十个你必须要会的TypeScript技巧分享
学习Typescript通常是一个重新发现的过程。这篇文章为大家整理了十个你必须要会的TypeScript技巧，希望对大家学习TypeScript有所帮助
2023-06-06
js中函数声明与函数表达式
js的解析器对函数声明与函数表达式并不是一视同仁地对待的。对于函数声明，js解析器会优先读取，确保在所有代码执行之前声明已经被解析，而函数表达式，如同定义其它基本类型的变量一样，只在执行到某一句时也会对其进行解析，
2015-06-06