iDrag & iDialog 介紹
特點(diǎn)：
iDialog.js依賴于jquery編寫的簡(jiǎn)單易用的對(duì)話框，同時(shí)還可以通過添加css3，改變對(duì)話框的展現(xiàn)動(dòng)畫。提供了兩個(gè)方法：

•1、拖拽函數(shù) iDrag() 或 $.drag();
•2、對(duì)話框函數(shù) iDialog() 或 $.dialog();
跨平臺(tái)兼容:
兼容：IE6+、Firefox、Chrome等主流瀏覽器(其它暫時(shí)沒條件測(cè)試)。并且IE6下也能支持現(xiàn)代瀏覽器的靜止定位(fixed)、覆蓋下拉控件。

漸進(jìn)增強(qiáng)的體驗(yàn):
確保IE家族功能完善的前提下，現(xiàn)代瀏覽器適當(dāng)?shù)奶砑觕ss3增強(qiáng)體驗(yàn)，如陰影、圓角、和scale show、super scale show 、right slide show動(dòng)畫,動(dòng)畫亦可自己修改css文件進(jìn)行擴(kuò)展。

豐富的接口:
1．$.drag()函數(shù)，提供了拖拽范圍設(shè)置，拖拽前，拖拽過程，拖拽結(jié)束的回調(diào)函數(shù)； 2．$.dialog()函數(shù)，提供了css3展示特效、大小、位置、顯示、關(guān)閉和外部訪問接口等，更多參考后面的API。

快速入門：
<script src="lib/js/jquery-1.8.3.min.js"></script>
<script src="lib/js/jquery.idialog.js" dialog-theme="default"></script>
•jquery.iDialog.js是依賴jquery實(shí)現(xiàn)的，所以加載它之前必須加載jQuery;
•dialog-theme="default"表示將自動(dòng)加載default.css樣式表;
•default.css必須保存在theme文件夾里，且該文件夾與jquery.iDialog.js需在同一目錄下。
iDrag()完整使用例子:
JS代碼：

復(fù)制代碼 代碼如下:

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: function(pos){

      log.html('move:left='+pos.x+', top='+pos.y);

    },

    end: function(pos){

       log.html('end:left='+pos.x+', top='+pos.y);

    }

  });

一個(gè)iDialog()使用例子:

復(fù)制代碼 代碼如下:

iDialog({

      title:'Hello World',

      id:'DemoDialog  ',

      content:'<p>大家好：<br> 我是minDialog</p>',

      lock: true,

      width:500,

      fixed: true,

      height:300

  });