义乌立天网络公司
服务热线:0579-85905398 85905399   传真:0579-85905460  投诉:0579-85905455  QQ咨询:义乌立天网络公司客服 
做客户最满意的义乌网站建设义乌网络公司服务商!    亲切、开放、严谨、诚信、热忱!
义乌立天网络公司简介
 
  立天服务项目
义乌网站建设
义乌企业邮箱
义乌网站建设
  5年互联网服务经验,成就非凡
  7×24小时不间断服务:13429027500
  专业的技术团队,高素质的客服人员
  常见问题
   义乌网站建设--网站如何备案?
   义乌网站推广--企业应如何建设营销型网站?
   义乌网站优化--谈谈最基本的SEO你做了吗?
   义乌网页制作--企业建设网站需要策划吗?
   立天网络公司能为您做什么样的网站?
   网站建设对搜索引擎的影响
   义乌网络公司网站建设流程
   网站建设详细策划的关键步骤
   义乌网络公司--网站建设的常见问题
   企业为什么要选择海外服务器虚拟主机
义乌网络公司
   新闻中心
轻松解决网站建设中层定位页面居中的问题
文章来源:义乌立天网络公司 发表于:2013-5-20

我们在义乌网站建设的过程中经常会遇到弹出层的问题,用这了这么多年的弹出层绝对居中,但现在发现弹出层并不能是网站页面的窗口居中,比如说页面很长当拉到中间或下部时弹出层,此时的层还是在上面,这样弹出时将无法让浏览用户看到,此时我们就要想办法解这个问题,现在流行JQ,当然它在网站设计和开发中确实能很方便容易的解决问题:看我们给出的JQUERY代码:

function ywyb(www.ywyb.net){
 var _scrollHeight = jq(document).scrollTop(),//想要取得的当前窗口距离页面顶部高度
 _windowHeight = jq(window).height(),//想要取得的当前窗口高度
 _windowWidth = jq(window).width(),//想要取得的当前窗口宽度
 _popupHeight = www.ywyb.net.height(),//想要取得的弹出层高度
 _popupWeight = www.ywyb.net.width();//想要取得的弹出层宽度
 _posiTop = (_windowHeight - _popupHeight)/2 + _scrollHeight;
 _posiLeft = (_windowWidth - _popupWeight)/2;
 www.ywyb.net.css({"left": _posiLeft + "px","top":_posiTop + "px","display":"block"});//设置position
}
jq(function(){
 jq(".btn_eobo").click(function(){
  ywyb(jq("#ajax_msg"));
 });

});

上面代码中www.ywyb.net替换成您想要的弹出框ID名称,如果页面中只有JQ可以把代码中的jq还原回来写成$,否则前面还要定义一下!网站建设的过程是需要我们不断的去发现找寻解决问题的办法,从而更好的为选择义乌立天网络公司服务的客户!



本文地址:http://www.eobo.cn/news/460.html
地址:浙江省义乌市江东南路583楼  电话:0579-85905398  85905399   85905400  浙ICP备07017869号  
版权所有:©2005-2012 义乌立天网络信息技术有限公司