可拖动弹出框插件easydialog可拖动弹出框插件easydialog是一款原生easydialog.js弹窗控件多种拖动弹出框效果代码。js可拖动弹出层弹窗控件
<script src="easydialog.min.js"></script>
<script>
var $ = function(){
return document.getElementById(arguments[0]);
};
var btnFn = function( e ){
alert( e.target );
return false;
};
$('demoBtn1').onclick = function(){
easyDialog.open({
container : {
header : '弹出层标题',
content : '欢迎使用easyDialog : )',
yesFn : btnFn,
noFn : true
},
fixed : false
});
};
$('demoBtn2').onclick = function(){
easyDialog.open({
container : {
content : '弹出层将在2秒后关闭...'
},
autoClose : 2000
});
};
$('demoBtn3').onclick = function(){
easyDialog.open({
container : 'imgBox',
autoClose : 2000,
fixed : false
});
};
$('demoBtn4').onclick = function(){
easyDialog.open({
container : {
header : '没有遮罩层',
content : '欢迎使用easyDialog : )'
},
overlay : false
});
};
$('demoBtn5').onclick = function(){
easyDialog.open({
container : {
header : '跟随定位',
content : '弹出层可以跟随某元素绝对定位'
},
follow : 'demoBtn5',
followX : -137,
followY : 24
});
};
$('demoBtn6').onclick = function(){
easyDialog.open({
container : {
header : '关闭拖拽',
content : '欢迎使用easyDialog : )'
},
drag : false
});
};
var callFn = function(){
alert( 'hello' );
};
$('demoBtn7').onclick = function(){
easyDialog.open({
container : {
header : '回调函数',
content : '欢迎使用easyDialog : )'
},
callback : callFn
});
};
</script>
可拖动弹出框插件easydialog由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/xuanfu/8403.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
标签：网站源码
下一篇：jquery返回顶部隐藏按钮
jElevator jQuery导航插件
jQuery滚动动画插件FadeThis
非常大气的视差滚动parallax插件