我们在义乌网站建设的过程中经常会遇到弹出层的问题,用这了这么多年的弹出层绝对居中,但现在发现弹出层并不能是网站页面的窗口居中,比如说页面很长当拉到中间或下部时弹出层,此时的层还是在上面,这样弹出时将无法让浏览用户看到,此时我们就要想办法解这个问题,现在流行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
|