优酷弹窗
//Math.max();返回数值参数中最大的一个值
//Math.min()
//alert( Math.max( 123,234,324,3,345 ) );
window.onload = function() {
var oBtn = document.getElementById('btn');
var oMask = document.getElementById('mask');
var oBox = document.getElementById('box');
var oClose = document.getElementById('close');
oClose.onclick = function() {
oMask.style.display = 'none';
oBox.style.display = 'none';
}
oBtn.onclick = function() {
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
//遮罩层
oMask.style.display = 'block';
//oMask.style.width = document.body.offsetWidth + 'px';
//oMask.style.height = document.body.offsetHeight + 'px';
oMask.style.width = Math.max( document.body.offsetWidth, document.documentElement.clientWidth ) + 'px';
oMask.style.height = Math.max( document.body.offsetHeight, document.documentElement.clientHeight ) + 'px';
//弹出层
oBox.style.display = 'block';
oBox.style.left = ( document.documentElement.clientWidth - oBox.offsetWidth ) / 2 + scrollLeft + 'px';
oBox.style.top = ( document.documentElement.clientHeight - oBox.offsetHeight ) / 2 + scrollTop + 'px';
}
window.onscroll = function() {
if (oBox.style.display == 'none') return ;
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
oBox.style.left = ( document.documentElement.clientWidth - oBox.offsetWidth ) / 2 + scrollLeft + 'px';
oBox.style.top = ( document.documentElement.clientHeight - oBox.offsetHeight ) / 2 + scrollTop + 'px';
}
window.onresize = function() {
if (oMask.style.display == 'none') return ;
oMask.style.width = Math.max( document.body.offsetWidth, document.documentElement.clientWidth ) + 'px';
oMask.style.height = Math.max( document.body.offsetHeight, document.documentElement.clientHeight ) + 'px';
if (oBox.style.display == 'none') return ;
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
oBox.style.left = ( document.documentElement.clientWidth - oBox.offsetWidth ) / 2 + scrollLeft + 'px';
oBox.style.top = ( document.documentElement.clientHeight - oBox.offsetHeight ) / 2 + scrollTop + 'px';
}
}
×
这里是登陆的表单等内容
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
