• 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>
  • 相关阅读:
    Thinking Clearly about Performance
    国家统计局2018-10-30统计的最新的省市区
    Java 返回字符串中第一个不重复字符的下标 下标从0开始
    国际象棋的游戏规则
    Python语言之requests库
    VBS 自动发消息给对方
    Windows
    上海合计共有16个区一个县
    @RequestMapping中的注解
    Linux 中 /proc/kcore为啥如此之大
  • 原文地址:https://www.cnblogs.com/KUDO/p/489203.html
Copyright © 2020-2023  润新知