zoukankan      html  css  js  c++  java
  • asp.net背景图片自动适应屏幕大小

    1.添加一个img载体 用来存放背景图片 src是背景图片的路径

    <img src="2.jpg" onload="setAutoBack('aa',this)"  id="img"
            style=" 1293px;"/>

    2.在body里写id="aa" onresize="setAutoBack('aa','img')" style="overflow:hidden;"

    例如:<body id="aa" onresize="setAutoBack('aa','img')" style="overflow:hidden;" >

    3.复制粘贴代码:

    <script language="javascript">
            function setAutoBack(obj, imgn) {
                try {
                    var img = document.getElementById("img");
                    var dyback = document.getElementById(obj);
                    img.style.height = dyback.offsetHeight;
                    //img.style.left = dyback.offsetLeft;
                   // img.style.top = dyback.offsetTop;
                    img.style.width = dyback.offsetWidth;
                    img.style.zIndex = -1;
                }
                catch (ee) {
                    try {
                        img.style.display = "none";
                    }
                    catch (err) {
                    }
                }
            }
    </script>

  • 相关阅读:
    强制数据类型转换之Number类型
    强制类型转换之String类型
    数据类型之字符串类型与Number类型
    favicon.ico是什么?
    什么是自幂数?
    JavaScript基础之变量的自增与自减
    CMD 命令
    那些看完很有同感的语句
    HTML5 canvas 元素
    HTML的多媒体属性
  • 原文地址:https://www.cnblogs.com/MyBeN/p/1981495.html
Copyright © 2011-2022 走看看