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>
  • 相关阅读:
    颜色空间之CIE2000色差公式
    爱做梦的人-人的特性之一
    Lua文件操作和串行化
    Lua文件操作和串行化
    Lua调用C++带参数的方法
    Lua调用C++带参数的方法
    C++对Lua中table进行读取、修改和创建
    C++对Lua中table进行读取、修改和创建
    C++获取Lua全局变量和执行Lua多参数多返回值函数
    C++获取Lua全局变量和执行Lua多参数多返回值函数
  • 原文地址:https://www.cnblogs.com/KUDO/p/489203.html
Copyright © 2011-2022 走看看