对于上一遍网站歪了，可能有很多朋友对他比较感兴趣，那么今天我就在加深一下，嵌套js让网站实现晃来晃去，最终在让网站恢复原装的效果，然后在加深讲下一天棚地裂如何实现。

下面是晃来晃去实现代码。

<script>
var i = 1;
var num = 0.1;
var j = 20;
var nums = -17;
function Jump(){
if(num>0){num = num + (i*0.1);}else{num = num – (i*0.1);}
num = 0-num;
var a = document.getElementById(“test”);
a.innerHTML =”<style> body{-o-transform: rotate(“+num+”deg);-webkit-transform: rotate(“+num+”deg);-moz-transform: rotate(“+num+”deg);}</style>”
i++;
if(i<20){document.onload = setTimeout(“Jump()”,500);}else{document.onload = setTimeout(“Jumps()”,500);}
}
function Jumps(){
if(nums>0){nums = nums – (j*0.1);}else{nums = nums + (j*0.1);}
nums = 0-nums;
var a = document.getElementById(“test”);
a.innerHTML =”<style> body{-o-transform: rotate(“+nums+”deg);-webkit-transform: rotate(“+nums+”deg);-moz-transform:rotate(“+nums+”deg);}</style>”
j–;
if(j>1){document.onload = setTimeout(“Jumps()”,500);}
}
document.onload = setTimeout(“Jump()”,3000);
</script>
<DIV id=”test”></DIV>
上面的列子比较简洁，因为我的算法简单，如果在用js更多的去修饰，那么晃来晃去会更加好看。

天棚地裂如果实现

其实加上强大的js能够实现晃来晃去，也能够实现网站裂开的效果，比如你网站左右有俩个div，你只要吧属性加在这俩个div上，再让他们向不同的方向歪，那么就是先了网站裂开的效果，在通过js加载不同的背景，就实现了2012百度世界末日的效果，不过简单的效果比较生硬，你得需要大量的js代码去优化效果，才能实现较为美观的天棚地裂效果。