下面这个代码是我做的点击弹出浮层代码:
<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>
我不知道怎么把下边这个代码加到上边那个浮层中,让上边那个浮层不是点击才弹出浮层而是打开网页就弹出?

解决方案 »

  1.   

    不好意思,我上面的那个贴错了,
    <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>
    这个是打开网页几秒后弹出浮层的效果,
      

  2.   

    <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>
    这样试试
      

  3.   

    <script type="text/javascript">
    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>