zoukankan      html  css  js  c++  java
  • js\css 让图片垂直居中

    资料:用JAVASCRIPT获取当前窗口的高度和宽度

    <SCRIPT   LANGUAGE="JavaScript">
    var s = "";
    += "网页可见区域宽:" + document.body.clientWidth;
    += "<br>网页可见区域高:"+ document.body.clientHeight;
    += "<br>网页可见区域宽:"+ document.body.offsetWidth +" (包括边线和滚动条)";
    += "<br>网页可见区域高:"+ document.body.offsetHeight +" (包括边线)";
    += "<br>网页正文全文宽:"+ document.body.scrollWidth;
    += "<br>网页正文部分上:"+ window.screenTop;
    += "<br>网页正文部分左:"+ window.screenLeft;
    += "<br>屏幕分辨率的高:"+ window.screen.height;
    += "<br>屏幕分辨率的宽:"+ window.screen.width;
    += "<br>屏幕可用工作区高度:"+ window.screen.availHeight;
    += "<br>屏幕可用工作区宽度:"+ window.screen.availWidth;
    += "<br>你的屏幕设置是   "+ window.screen.colorDepth   +"   位彩色";
    += "<br>你的屏幕设置   "+ window.screen.deviceXDPI   +"   像素/英寸";
    document.write(s);
    </script>

    代码:

    <html>

    <body onresize="myLoad()" onload="myLoad()">

    <div id="xuanma" style="Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px">
    <img id="ximage" src="yah/GroupImages/060823nhp1.jpg"/>
    </div>

    <SCRIPT language="javascript" type=text/javascript>
    function myLoad()
    {
    document.getElementById('xuanma').style.top
    = document.body.clientHeight/2-document.getElementById('ximage').height/2;
    document.getElementById('xuanma').style.left
    = document.body.clientWidth/2-document.getElementById('ximage').width/2;
    }


    </SCRIPT>

    </body>
    </html>
  • 相关阅读:
    jquery load 方法回显数据
    jquery动态添加表单数据
    表单对象属性disabled和readOnly
    jQuery 对象和 DOM 对象
    jQuery 回调函数
    JQuery与JavaScript onload的区别
    BigDecimal类型数据保留两位小数即百分比运算
    一次SQL查询语句的优化
    富文本编辑器的保存操作注意事项
    poi 技术动态更新 Excel模板内容,动态更新内容
  • 原文地址:https://www.cnblogs.com/KUDO/p/489203.html
Copyright © 2011-2022 走看看