用jQuery的animate方法就可以！如改变div1的高度为500px。ps：varoDiv=$('.div1');oDiv.animate({height:500},500)
一组关于尺寸的属性，以像素为单位。
你可以试试html5的API：MutationObserver，非常强大可以监控一切变动；
1、它等待所有脚本任务完成后，才会运行，即采用异步方式
2、它把DOM变动记录封装成一个数组进行处理，而不是一条条地个别处理DOM变动。
3、它即可以观察发生在DOM节点的所有变动，也可以观察某一类变动
详细说就是，事件是同步触发，也就是说DOM发生变动立刻会触发相应的事件；Mutation
Observer则是异步触发，DOM发生变动以后，并不会马上触发，而是要等到当前所有DOM操作都结束后才触发。
举例来说，如果在文档中连续插入1000个段落（p元素），会连续触发1000个插入事件，执行每个事件的回调函数，这很可能造成浏览器的卡顿；而Mutation
Observer完全不同，只在1000个段落都插入结束后才会触发，而且只触发一次。
当然，一般情况下没什么问题。
CSS中的浏览器区域设置指的是浏览器窗口的大小和位置。可以使用CSS中的一些属性来设置浏览器区域，如下所示：
1，width和height属性：用于设置浏览器窗口的宽度和高度。
2，min-width和min-height属性：用于设置浏览器窗口的最小宽度和最小高度。
3，max-width和max-height属性：用于设置浏览器窗口的最大宽度和最大高度。
4，margin属性：用于设置浏览器窗口的外边距，可以通过设置margin值来改变浏览器窗口的位置。
5，position属性：用于设置元素的定位方式，可以通过设置position值为fixed来将元素固定在浏览器窗口中。需要注意的是，这些属性只能用于网页中的元素，而不能直接用于浏览器窗口本身。如果你想要改变浏览器窗口的大小和位置，需要使用JavaScript来实现。