所属分类:网页特效-对话框/灯箱/提示,悬浮层/弹出层
使用方法:
引用CSS样式、jQuery库文件、插件JS文件
<link rel="stylesheet" href="css/cylater.css" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js" ></script>
<script type="text/javascript" src="js/cylater.min.js" ></script>
HTML结构:
<a href="javascript:void(0);" onClick="laterAlert();">ALERT</a>
插件初始化、参数配置:
function laterAlert(){
$.cylater.alert({
id:'myLaterAlert',
msg:'这是我做的第一个提示框插件',
callbackfun:function(data,type){
alert("type:"+type + " data:"+data);
}
});
}
注意:在使用 $.cylater.message 未设置 timeout 则需要手动执行
$.cylater.close({id:'msgid',clsbtnfun:function(){}})
其中 ID 是必设置的,callbackfun 是可选的
LOADING
$.cylater.loading({
id:'myLaterLoading',
msg:'5s后会自动隐藏',
callbackfun:function(data,type){
alert("type:"+type + " data:"+data);
},
timeout:5000
});
注意:在使用 $.cylater.loading 未设置 timeout 则需要手动执行
$.cylater.close({id:'msgid',clsbtnfun:function(){}})
其中 ID 是必设置的,callbackfun 是可选的
PAGE
$.cylater.page({
id:'myLaterPage',
url:'http://www.news.qq.com',
title:'腾讯新闻',
width:1024,
height:726,
scroll:"false",
callbackfun:function(data,type){
alert("type:"+type + " data:"+data);
}
});