下面这个代码是我做的点击弹出浮层代码:
<script language="javascript">
//选择楼宇弹出层
$(function(){
var body_h=$(document).height(); //取得浏览器可视高度值
var $main=$(".main3"); //获取弹出层
var main_h=$main.height(); //获取弹出层高度
var main_w=$main.width(); //获取弹出层宽度
var main2_h=Math.round(main_h/2);
var main2_w=Math.round(main_w/2);
var $block=$(".block3"); //获取黑色遮挡层
var $open_btn=$(".louyu"); //获取弹出层触发按钮
var $close_btn=$(".louyu_close"); //获取关闭层按钮
var $html=$("html"); //获取锁定滚动条所需对象
//设置遮挡背景层(黑层)高度
function block_h(){
$block.height(body_h);
}
//动态设置弹出层水平,垂直居中于浏览器
function align(){
$main.css({"margin-left":-main2_w,"margin-top":-main2_h});
}
//显示遮挡层,弹出层 并锁定浏览器滚动条
$open_btn.click(function(){
align();
block_h();
$main.show();
$block.show();
$html.addClass("lock");
})
//隐藏遮挡层,弹出层 并解锁浏览器滚动条
$close_btn.click(function(){
block_h();
$main.hide();
$block.hide();
$html.removeClass("lock");
});
});
//选择楼宇弹出层完成
</script>
我想改成下边这种打开网页几秒后就弹出上面的浮层:
<script language="javascript">
//选择楼宇弹出层
$(function(){
var body_h=$(document).height(); //取得浏览器可视高度值
var $main=$(".main3"); //获取弹出层
var main_h=$main.height(); //获取弹出层高度
var main_w=$main.width(); //获取弹出层宽度
var main2_h=Math.round(main_h/2);
var main2_w=Math.round(main_w/2);
var $block=$(".block3"); //获取黑色遮挡层
var $open_btn=$(".louyu"); //获取弹出层触发按钮
var $close_btn=$(".louyu_close"); //获取关闭层按钮
var $html=$("html"); //获取锁定滚动条所需对象
//设置遮挡背景层(黑层)高度
function block_h(){
$block.height(body_h);
}
//动态设置弹出层水平,垂直居中于浏览器
function align(){
$main.css({"margin-left":-main2_w,"margin-top":-main2_h});
}
//显示遮挡层,弹出层 并锁定浏览器滚动条
$open_btn.click(function(){
align();
block_h();
$main.show();
$block.show();
$html.addClass("lock");
})
//隐藏遮挡层,弹出层 并解锁浏览器滚动条
$close_btn.click(function(){
block_h();
$main.hide();
$block.hide();
$html.removeClass("lock");
});
});
//选择楼宇弹出层完成
</script>
我不知道怎么把下边这个代码加到上边那个浮层中,让上边那个浮层不是点击才弹出浮层而是打开网页就弹出?
<script language="javascript">
//选择楼宇弹出层
$(function(){
var body_h=$(document).height(); //取得浏览器可视高度值
var $main=$(".main3"); //获取弹出层
var main_h=$main.height(); //获取弹出层高度
var main_w=$main.width(); //获取弹出层宽度
var main2_h=Math.round(main_h/2);
var main2_w=Math.round(main_w/2);
var $block=$(".block3"); //获取黑色遮挡层
var $open_btn=$(".louyu"); //获取弹出层触发按钮
var $close_btn=$(".louyu_close"); //获取关闭层按钮
var $html=$("html"); //获取锁定滚动条所需对象
//设置遮挡背景层(黑层)高度
function block_h(){
$block.height(body_h);
}
//动态设置弹出层水平,垂直居中于浏览器
function align(){
$main.css({"margin-left":-main2_w,"margin-top":-main2_h});
}
//显示遮挡层,弹出层 并锁定浏览器滚动条
$open_btn.click(function(){
align();
block_h();
$main.show();
$block.show();
$html.addClass("lock");
})
//隐藏遮挡层,弹出层 并解锁浏览器滚动条
$close_btn.click(function(){
block_h();
$main.hide();
$block.hide();
$html.removeClass("lock");
});
});
//选择楼宇弹出层完成
</script>
我想改成下边这种打开网页几秒后就弹出上面的浮层:
<script language="javascript">
//选择楼宇弹出层
$(function(){
var body_h=$(document).height(); //取得浏览器可视高度值
var $main=$(".main3"); //获取弹出层
var main_h=$main.height(); //获取弹出层高度
var main_w=$main.width(); //获取弹出层宽度
var main2_h=Math.round(main_h/2);
var main2_w=Math.round(main_w/2);
var $block=$(".block3"); //获取黑色遮挡层
var $open_btn=$(".louyu"); //获取弹出层触发按钮
var $close_btn=$(".louyu_close"); //获取关闭层按钮
var $html=$("html"); //获取锁定滚动条所需对象
//设置遮挡背景层(黑层)高度
function block_h(){
$block.height(body_h);
}
//动态设置弹出层水平,垂直居中于浏览器
function align(){
$main.css({"margin-left":-main2_w,"margin-top":-main2_h});
}
//显示遮挡层,弹出层 并锁定浏览器滚动条
$open_btn.click(function(){
align();
block_h();
$main.show();
$block.show();
$html.addClass("lock");
})
//隐藏遮挡层,弹出层 并解锁浏览器滚动条
$close_btn.click(function(){
block_h();
$main.hide();
$block.hide();
$html.removeClass("lock");
});
});
//选择楼宇弹出层完成
</script>
我不知道怎么把下边这个代码加到上边那个浮层中,让上边那个浮层不是点击才弹出浮层而是打开网页就弹出?
<script type="text/javascript">
window.onload=function()
{
setTimeout(function()
{
level();
},1000);
};
function level()
{
var oBox=document.getElementById('box');
var oH2=oBox.getElementsByTagName('h2')[0];
oBox.style.display='block';
oH2.onclick=function()
{
oBox.style.display='none';
};
}
</script>
这个是打开网页几秒后弹出浮层的效果,
//选择楼宇弹出层
$(function(){
var body_h=$(document).height(); //取得浏览器可视高度值
var $main=$(".main3"); //获取弹出层
var main_h=$main.height(); //获取弹出层高度
var main_w=$main.width(); //获取弹出层宽度
var main2_h=Math.round(main_h/2);
var main2_w=Math.round(main_w/2);
var $block=$(".block3"); //获取黑色遮挡层
var $open_btn=$(".louyu"); //获取弹出层触发按钮
var $close_btn=$(".louyu_close"); //获取关闭层按钮
var $html=$("html"); //获取锁定滚动条所需对象
//设置遮挡背景层(黑层)高度
function block_h(){
$block.height(body_h);
}
//动态设置弹出层水平,垂直居中于浏览器
function align(){
$main.css({"margin-left":-main2_w,"margin-top":-main2_h});
}
//显示遮挡层,弹出层 并锁定浏览器滚动条
//$open_btn.click(function(){
align();
block_h();
$main.show();
$block.show();
$html.addClass("lock");
//})
//隐藏遮挡层,弹出层 并解锁浏览器滚动条
$close_btn.click(function(){
block_h();
$main.hide();
$block.hide();
$html.removeClass("lock");
});
});
//选择楼宇弹出层完成
</script>
这样试试
window.onload=function()
{
level();
};
function level()
{
var oBox=document.getElementById('box');
var oH2=oBox.getElementsByTagName('h2')[0];
oBox.style.display='block';
oH2.onclick=function()
{
oBox.style.display='none';
};
}
</script>