这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文分享了背景图自适应窗口大小的实例代码,具有一定的参考作用。下面跟着小编一起来看下吧
话不多说,请看代码
- <script type="text/javascript">
- window.onresize = window.onload = function()
- {
- var w,bgImg;
- if(!!(window.attachEvent && !window.opera)) {
- w = document.documentElement.clientWidth;
- } else {
- w = window.innerWidth;
- }if(w>1650){
- document.getElementById ('msg').value ='窗口大小:' + 'width:' + w;
- bgImg = document.getElementById('bg').getElementsByTagName('img')[0];
- bgImg.width = (w - 5);
- }else{
- document.getElementById ('msg').value ='窗口大小:' + 'width:' + w;
- bgImg = document.getElementById('bg').getElementsByTagName('img')[0];
- bgImg.width = 1650;
- }
- }
- </script>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持 phperz!
来源: http://www.phperz.com/article/17/0527/328722.html