JavaScript让背景图片自适应窗口大小代码
来源:互联网 发布:mtv分享精灵软件 编辑:程序博客网 时间:2024/05/19 22:03
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JavaScript让背景图片自适应窗口大小代码</title>
<style type="text/css">
*{margin:0;padding:0;}
#bg{
position:absolute;
top:0px;
left:0px;
z-index:-999;
}
</style>
</head>
<body>
<div id="bg"><img src="背景图片路径" alt="HIGH"></div>
<input type="text" id="msg" name="msg" size="50"/>
<script type="text/javascript">
window.onresize = window.onload = function(){
var w,h
if(!!(window.attachEvent && !window.opera))
{
h = document.documentElement.clientHeight;
w = document.documentElement.clientWidth;
}else{
h = window.innerHeight;
w = window.innerWidth;
}
document.getElementById('msg').value ='窗口大小:' + 'width:' + w + '; height:'+h;
var bgImg = document.getElementById('bg').getElementsByTagName('img')[0];
bgImg.width = (w - 5);
bgImg.height= (h-5) ;
}
</script>
</body>
</html>
- JavaScript让背景图片自适应窗口大小代码
- pyqt窗口背景图片自适应大小
- html/js 实现背景图片自适应窗口分辨率大小
- java的JDesktopPane背景图片自适应窗口大小示例
- 背景图片自适应分辨率大小
- 背景图片自适应浏览器大小
- 背景图片自适应大小(css3)
- widget背景图片自适应大小
- 背景图片自适应大小(css3)
- JavaScript实现自适应窗口大小的网页
- 背景图片自适应分辨率浏览器大小自动拉伸全屏代码
- css实现背景图片自适应大小
- css 背景图片自适应元素大小
- 背景图片按比例拉伸自适应大小
- winfrom-背景图片填充自适应大小
- 如何让弹出窗口自适应图片的大小
- Qt中如何让控件自适应窗口大小
- 如何让body背景图自适应浏览器窗口大小
- awk之split函数使用
- 智能车笔记7 头文件
- 我对读计算机软件专业硕士的几点看法
- 动态生成2维数组 最初版
- java静态代码块和构造方法执行顺序
- JavaScript让背景图片自适应窗口大小代码
- c语言初学-输出菱形
- awk之生成shell数组
- BCB6 控件对象枚举
- j2me 积分榜的实现
- 重新设置Tomcat管理员用户名和密码
- regular expression
- awk之取每天的第一条记录和最后一条记录
- sql 存储过程中循环和游标用法