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

</p> <p><title>Dialog</title><br /> <!-- .dialogcontainter{height:400px; width:400px; border:1px solid #14495f; position:absolute; font-size:13px;} .dialogtitle{height:26px; width:auto; background-image:url('//files.jb51.net/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('//files.jb51.net/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('//files.jb51.net/file_images/200908/103419495.p.gif'); background-position:-42px -10px; width:10px; height:10px; font-size:0;} -->.dialogcontainter{height:400px; width:400px; border:1px solid #14495f; position:absolute; font-size:13px;}<br /> .dialogtitle{height:26px; width:auto; background-image:url('//files.jb51.net/file_images/200908/103444839.p.gif');}<br /> .dialogtitleinfo{float:left;height:20px; margin-top:2px; margin-left:10px;line-height:20px; vertical-align:middle; color:#FFFFFF; font-weight:bold; }<br /> .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('//files.jb51.net/file_images/200908/103419495.p.gif');background-position:-21px 0px}<br /> .dialogbody{ padding:10px; width:auto; background-color: #FFFFFF;}<br /> .dialogbottom{<br /> bottom:1px; right:1px;cursor:nw-resize;<br /> position:absolute;<br /> background-image:url('//files.jb51.net/file_images/200908/103419495.p.gif');<br /> background-position:-42px -10px;<br /> width:10px;<br /> height:10px;<br /> font-size:0;} </p> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• 利用JavaScript实现拖拽改变元素大小
• jquery拖动改变div大小
• javascript实现鼠标拖动改变层大小的方法
• js通过八个点 拖动改变div大小的实现方法
• jquery实现拖拽调整Div大小
• 鼠标拖动改变DIV等网页元素的大小的实现方法