jQuery拖动放大器；弹出层的介绍和例子

iDrag iDialog的介绍特点：iDialog.js依托jquery编写的易用对话框，也可以通过添加css3来改变对话框的动画。提供了两种方法：1 .拖动函数iDrag()或$。拖动()；2.对话框函数iDialog()或$。dialog()；跨平台兼容性：兼容性：IE6、火狐、Chrome等主流浏览器(其他暂无条件测试)。此外，IE6还可以支持现代浏览器的静态定位(固定)和叠加下拉控件。在保证IE家族功能齐全的前提下，现代浏览器适当增加了css3增强体验，如阴影、圆角、缩放显示、超缩放显示、右幻灯片动画等，也可以通过修改css文件进行扩展。丰富的界面：1。$.drag()函数，提供拖拽范围设置、拖拽前、拖拽过程、拖拽结束的回调函数；2.$.dialog()功能，提供css3显示特效、大小、位置、显示、关闭和外部访问界面等。请稍后参考API。入门：脚本src=' http : lib/js/jQuery-1 . 8 . 3 . min . js '/脚本src=' http : lib/js/jquery.idialog.js '对话框-主题=' default '/脚本jQuery . idialog . js取决于jQuery实现。Dialog-theme=' default '表示将自动加载default.css样式表；default.css必须保存在主题文件夹中，并且该文件夹和jquery.iDialog.js必须在同一个目录中。iDrag () :JS代码完整用法示例：复制代码如下： var log=$(' # drag-demo-log ')；iDrag({ target:'#drag-demo '，min:{x:0，y:0}，max:{x:658，y:170}，start : function(pos){ log . html(' start : x=' pos . x '，y=' pos . y ')；}，move:函数(pos){ log . html(' move : left=' pos . x '，top=' pos . y)；}，end:函数(pos){ log . html(' end : left=' pos . x '，top=' pos . y)；} });iDialog () :的一个用法示例复制代码如下： I dialog({ title : ' hello world '，id :' demo dialog '，内容：' pHello大家：br我是Mindialog/p '，lock : true，width :500，fixed 33330。