有关div页面拖动、缩放、关闭、遮罩效果代码

时间：2021-02-01 09:56:52|栏目：JavaScript代码|点击：次

<htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>UntitledDocument</title> <style></style><style bogus="1">#rRightDown,#rLeftDown,#rLeftUp,#rRightUp,#rRight,#rLeft,#rUp,#rDown{ position:absolute; background:#00F; width:3px; height:3px; z-index:6; font-size:0; } #rLeftDown,#rRightUp{cursor:ne-resize;} #rRightDown,#rLeftUp{cursor:nw-resize;} #rRight,#rLeft{cursor:e-resize;} #rUp,#rDown{cursor:n-resize;} #rLeftDown{left:-4px;bottom:-4px;} #rRightUp{right:-4px;top:-4px;} #rRightDown{right:-4px;bottom:-4px;background-color:#00F;} #rLeftUp{left:-4px;top:-4px;} #rRight{right:-4px;top:50%;margin-top:-4px;} #rLeft{left:-4px;top:50%;margin-top:-4px;} #rUp{top:-4px;left:50%;margin-left:-4px;} #rDown{bottom:-4px;left:50%;margin-left:-4px;}</style> <script type="text/javascript"></script> </head> <body onLoad="createIframe()"> <table> <tr> <td>aa</td> <td><input type="text"/></td> </tr> <tr> <td>bb</td> <td><input type="text"/></td> </tr> </table>  <input type="button"id="tt"name="tt"value="Click"onClick="htmlEditor()"/> </body> </html>

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

上一篇：Javascript学习指南

栏目：JavaScript代码

下一篇：JS组件Bootstrap Select2使用方法详解

本文标题：有关div页面拖动、缩放、关闭、遮罩效果代码

本文地址：http://www.codeinn.net/misctech/55053.html

更多JavaScript代码

JavaScript代码

有关div页面拖动、缩放、关闭、遮罩效果代码

阅读排行

推荐教程