当鼠标按钮的指针尝试关闭弹出窗口时,阴影弹出框消失
Shadow popup box disappear when pointer of the mouse button try to close the popup
请原谅我,因为我在使用javascript方面不是很有经验。我有wordpress网站,我想找到方法并帮助我创建带有关闭按钮的阴影弹出框,当访问者用鼠标指针尝试单击关闭按钮X之前单击阴影弹出框以消失/关闭一次。但是,我也希望弹出窗口不会在同一访问者上显示两次以上。阴影弹出框,每天显示一次或两次。Cookie 时间将在 24 小时后自动删除,并且同一访问者在 24 小时后再次看到弹出窗口。我希望有人能帮助我。
谢谢。
查看带有关闭和打开的简单弹出窗口
<div class="cover"></div>
<div class="popup">
<button class="close">x</button>
</div>
<button class="open">click me</button>
和 jquery
$(".open").click(function () {
$(".popup").fadeIn(500);
$(".cover").fadeTo(500, 0.5);
});
$(".close").click(function () {
$(".popup").fadeOut(500);
$(".cover").fadeOut(500);
});
.CSS
.popup {
position:fixed;
border:solid 1px black;
width:200px;
height:200px;
left:50%;
top:50%;
margin:-100px 0 0 -100px;
display:none;
background-color:white;
}
.cover {
background-color:black;
width:100%;
height:100%;
display:none;
position:fixed;
}
工作示例 http://jsfiddle.net/ayx90k5c/
编辑的安斯http://jsfiddle.net/ayx90k5c/7/
谢谢。
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 防止Iframe窗体在新窗口中打开
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- 调整窗口大小时,可拖动的对象会出现在容器外部
- Javascript排序的图像弹出窗口..可以't单独弹出
- 窗口大小html css
- 弹出窗口出现,然后退出
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- Javascript更新孙窗口中的表单元素
- 如何在选项卡上定义属性'的主窗口对象
- CSS-若窗口太小,滚动条会出现在“表格”单元格上
- 召回窗口加载事件 - javascript
- 为什么不显示警报窗口
- 如何使用modalDialog来显示可以在所有浏览器中工作的弹出窗口
- 带有填充属性的SVG矩形显示在包含元素的上方插入框阴影
- Chrome应用程序调整窗口大小保持纵横比
- 新选项卡被弹出窗口阻止程序阻止
- 阴影框(图片库插件)仅显示黑色窗口
- 当鼠标按钮的指针尝试关闭弹出窗口时,阴影弹出框消失
- 简单的窗口阴影/冻结之间的注册步骤与旋转器