Dzwebs.Net

撰写电脑技术杂文十余年

动态添加层并设置居中对齐

Admin | 2015-12-13 6:29:08 | 被阅次数 | 3302

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  下面的代码功能是,当页面加载完成后,动态添加一个DIV对象到网页里面,同时设置该层居中对齐。

  var mylogodiv = window.document.createElement("div");

  mylogodiv.setAttribute("id","ShowLogoPic");

  mylogodiv.innerHTML="这里是动态层的内容,可自行修改";

  window.document.body.appendChild(mylogodiv);

  $("#ShowLogoPic").css( { "display":"none" } );

  var top = ($(window).height() - $("#ShowLogoPic").height())/2; 

  var left = ($(window).width() - $("#ShowLogoPic").width())/2; 

  var scrollTop = $(document).scrollTop(); 

  var scrollLeft = $(document).scrollLeft(); 

  $("#ShowLogoPic").css( { "z-index":99,"position":"fixed","top": top + scrollTop,"left": left + scrollLeft } ).show();


该杂文来自: 网页制作杂文

上一篇:js同一页面的公有变量和私有变量

下一篇:jquery获得焦点的代码

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计