easyDialog的各种弹出层demo

效果如下

使用默认的HTML模板

var btnFn = function(){
  alert( e.target );
  return false;
};

easyDialog.open({
  container : {
    header : '弹出层标题',
    content : '欢迎使用easyDialog : )',
    yesFn : btnFn,
    noFn : true
  }
});

默认模板只有content

easyDialog.open({
  container : {
    content : '弹出层将在2秒后关闭...'
  },
  autoClose : 2000
});

自定义弹出层

<div id="imgBox" style="display:none">
  <img src="test_img.jpg" alt="" />
</div>

easyDialog.open({
  container : 'imgBox',
  autoClose : 2000,
  fixed : false
});

遮罩层

easyDialog.open({
  container : {
    header : '没有遮罩层',
    content : '欢迎使用easyDialog : )'
  },
  overlay : false
});

跟随定位

easyDialog.open({
  container : {
    header : '跟随定位',
    content : '弹出窗口可以跟随某元素绝对定位'
  },
  follow : 'demoBtn5',
  followX : -137,
  followY : 24
});

关闭拖拽

easyDialog.open({
  container : {
    header : '关闭拖拽',
    content : '欢迎使用easyDialog : )'
  }
  drag : false
});

下载源码