jQuery弹出窗口完整代码(居中,居左,居右)

  核心代码:

  

复制代码 代码如下:

  //获取窗口的高度

  var windowHeight;

  //获取窗口的宽度

  var windowWidth;

  //获取弹窗的宽度

  var popWidth;

  //获取弹窗高度

  var popHeight;

  function init(){

  windowHeight=$(window).height();

  windowWidth=$(window).width();

  popHeight=$(".window").height();

  popWidth=$(".window").width();

  }

  //关闭窗口的方法

  function closeWindow(){

  $(".title img").click(function(){

  $(this).parent().parent().hide("slow");

  });

  }

  //定义弹出居中窗口的方法

  function popCenterWindow(){

  init();

  //计算弹出窗口的左上角Y的偏移量

  var popY=(windowHeight-popHeight)/2;

  var popX=(windowWidth-popWidth)/2;

  //alert('www.glzy8.com');

  //设定窗口的位置

  $("#center").css("top",popY).css("left",popX).slideToggle("slow");

  closeWindow();

  }

  function popLeftWindow(){

  init();

  //计算弹出窗口的左上角Y的偏移量

  var popY=windowHeight-popHeight;

  //var popX=-(windowWidth-popWidth);

  //alert(popY);

  //设定窗口的位置

  $("#left").css("top",popY-50).css("left",50).slideToggle("slow");

  closeWindow();

  }

  function popRightWindow(){

  init();

  //计算弹出窗口的左上角Y的偏移量

  var popY=windowHeight-popHeight;

  var popX=windowWidth-popWidth;

  //alert(www.cnblogs.com/jihua);

  //设定窗口的位置

  $("#right").css("top",popY-50).css("left",popX-50).slideToggle("slow");

  closeWindow();

  }

  完整代码:

  

   [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  作者 cnblogs jihua