如何解决在页面加载时淡入弹出窗口
我有以下代码,显示了页面加载时的弹出窗口,然后自动将其关闭。
<script>
function PopUp(hideOrshow) {
if (hideOrshow == 'hide') document.getElementById('ac-wrapper').style.display = "none";
else document.getElementById('ac-wrapper').removeAttribute('style');
}
window.onload = function () {
setTimeout(function () {
PopUp('show');
},000);
}
// Disappears after set interval...
setInterval(function(){
$('#ac-wrapper').hide();
},2000);
</script>
如何使弹出窗口在加载时逐渐淡入,并在超时时逐渐消失?
谢谢。
解决方法
我注意到您正在使用JQuery。在这种情况下,您可以使用以下方法:
<script>
window.onload = function() {
$('#ac-wrapper')
.fadeIn(100)
.delay(3000)
.fadeOut(100);
}
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。