JS控制网页背景随窗口大小自动适应
来源:互联网 发布:win8.1网络连接不可用 编辑:程序博客网 时间:2024/04/30 03:03
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>窗口变</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="http://www.wallcoo.com/ad/Korea_Besti_Belli/images/jihyun-bestibelli06.jpg" alt="HIGH"></div>
<input type="text" id="msg" name="msg" size="50"/>
<script type="text/javas
window.on
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>
查看效果地址: http://www.codefans.net/jscss/co
- JS控制网页背景随窗口大小自动适应
- 网页背景图片自动适应窗口大小的代码
- 自动适应窗口大小
- 自动适应窗口大小
- 纯js实现瀑布流(自动适应窗口大小)
- 自动适应窗口大小 基于jquery
- listCtrl控件自动适应窗口大小
- div+css布局,自动适应窗口大小
- easyui Layout 自动适应窗口大小
- listCtrl控件自动适应窗口大小
- Qt基础 设计自动适应窗口大小
- 图片自动适应容器大小的JS
- flash大小随浏览器大小变化自动变化 flash全屏 swf大小自动适应浏览器窗口的变化
- js控制使div自动适应居中
- js控制文本框自动适应文本长度
- Qt中的布局——自动适应窗口大小
- 图片自动适应大小
- 图片自动适应大小
- 线程同步 互斥量(mutex) Linux函数
- ASP.NET验证控件
- struts2 s标签
- ARM体系结构与编程(杜春雷版)英文参考资料详解(一)
- 面向对象设计原则之开闭原则
- JS控制网页背景随窗口大小自动适应
- 应用程序无法正确启动,0x00000b
- getOutputStream() has already been called for this response异常的原因和解决方法
- 第十五章动态规划之“最优二叉查找树”
- android生命周期和状态方法调用时间点
- 安卓游戏开发------播放背景音乐和音效(MediaPlayer和SoundPool)
- WinSDK方式设置ListView控件指定位置数据
- <cocos2d-x for wp7>使用cocos2d-x制作基于Tile地图的游戏:不一样的战斗(回合制战斗)(四)
- 关闭135端口