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>
  • 相关阅读:
    1-命令格式
    android default_workspace.xml
    多维算法思考(二):关于八皇后问题解法的探讨
    C#对excel的操作
    c#读取xml操作
    一个用 C# 实现操作 XML 文件的公共类代码
    如何使用 LINQ 执行插入、修改和删除操作
    C#--编程
    LINQ常用操作
    用线性组合表示两个数的最大公约数
  • 原文地址:https://www.cnblogs.com/KUDO/p/489203.html
Copyright © 2011-2022 走看看