有没有lightbox库可以让我在不点击链接的情况下插入任何内容(例如div)?
我看到很多像this one这样的库。用户需要单击图像才能看到lightbox。相反,我想要的是一个计时器,它在几秒钟后调用lightbox来显示。然后用户可以关闭它,如果她想的话。
发布于 2013-03-30 02:42:39
您可以使用jqueryui对话框,然后从您想要的代码中将其称为open:
function openLightBox(title,content){
//append a div automatic
if ('#divx').length <= 0) {
$("body").append('<div id="divx" style="display:none; overflow-x:hidden; overflow-y:auto;" title="'+title+'"></div>');
}
//setup dialog
$('#divx').dialog({
zIndex: 300,
width: 500,
height: 400,
resizable: false,
modal: true,
draggable: true,
buttons:{
"close":function(){
$(this).dialog('close');
}
} ,
close: function () {
$(this).empty();
$(this).dialog("destroy");
}
});
//call it
$('#divx').dialog('open');
$('#divx').html(content);
}
// you want to call it after page load 5 seconds?
$(function(){
setTimeout(function(){
openLightBox('hello','<h1>my name is fox!</h1>');
},5000);
});
https://stackoverflow.com/questions/15714021
复制