首页 > PHP资讯 > HTML5培训技术 > jQuery拖拽&弹出层

jQuery拖拽&弹出层

HTML5培训技术
iDrag & iDialog 介绍
特点:
iDialog.js依赖于jquery编写的简单易用的对话框,同时还可以通过添加css3,改变对话框的展现动画。 提供了两个方法:
 
1、拖拽函数 iDrag() 或 $.drag();
2、对话框函数 iDialog() 或 $.dialog();
跨平台兼容:
兼容:IE6+、Firefox、Chrome等主流 ('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);
 
    }
 
  });
 
 
 
一个iDialog()使用例子:
复制代码
 
  iDialog({
 
      title:'Hello World',
 
      id:'DemoDialog  ',
 
      content:'

大家好:
我是minDialog

',
 
      lock: true,
 
      width:500,
 
      fixed: true,
 
      height:300
 
  }); 
 
 
 

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持30不支持0