javascript调整网页布局适应不同分辨率的问题

JavaScript017

javascript调整网页布局适应不同分辨率的问题,第1张

不多说了，我估计你一看就明白了！！！！

<script language="javascript">

window.onload=function(){

var main_j = document.documentElement.clientHeight-210

document.getElementById('main_heigh').style.height = main_j + 'px'

var main_w = document.documentElement.clientWidth-202

document.getElementById('main_heigh').style.width = main_w + 'px'

}

window.onresize=function(){

var main_j = document.documentElement.clientHeight-210

document.getElementById('main_heigh').style.height = main_j +'px'

var main_w = document.documentElement.clientWidth-202

document.getElementById('main_heigh').style.width = main_w + 'px'

}

</script>

js放松什么意思主要练习html和CSS布局以及JS。

来源github，参考链接：html+css+js之20个练手小项目

Relax app的功能在于帮助你用于调整呼吸，放松身心。吸气~ 保持~ 呼气。

需要实现：

CSS-页面布局，包括圆环与移动的小球

JS-随着呼吸，圆圈的缩放以及文本的改变JS

js在这里所做的就是控制呼吸圈的缩放与呼吸状态文本的改变。利用延时器(sleep)控制每个状态的持续时长。动态的添加(classList.add)与删除(classList.remove)相应的类（shrink,grow），当前状态结束，将文本变为下一状态。

当某元素有一堆属性动态变化时，不妨通过类在css中事先定义好，需要变化的时候，再通过js添加或删除相应的类，从而减少页面的重排和重绘，提高性能。